webpack安装

1.进入项目文件后npm init -y 初始化

2.在根目录创建src和dist

3.在src下创建index.html和index.js(打包的入口)

4.局部安装（即在项目文件中安装webpack和webpack -cli）

npm install webpack -D

npm install webpack-cli -g

5.新建webpack.config.js

输入代码：

module.exports={

mode:'development',

}

在index.html中添加：src="../dist/main.js"

最后项目目录呈现如下图所示：

6.在cmd中项目文件下输webpack

弹出如下所示即打包成功，这是main.js（输出文件）会出现在dist目录下

7.html运行