1创建项目

Entry
| 代码的入口,打包的入口。
Output
| 打包文件的(bundle)所在的目录
Loader
|  可以处理非js文件
Plugins
|  可以参与打包的整个过程，打包优化压缩
mode  
|  development/production

创建项目

cnpm init -y //生产package.json的文件

安装依赖

cnpm i webpack -S
cnpm i webpack-cli -S

配置webpack.config.js

const webpack = require("webpack");
const path = require("path");
const config =  {
    entry:path.resolve(__dirname,'src/main.js'),  //入口文件
    output:{  //出口文件
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
    mode:'development'  //模式
}
module.exports = config;

配置package.json文件

{
   "scripts": {
        "build": "webpack  --config webpack.config.js"
      }
}

运行

npm run build