webpack自学使用-----安装与配置

1：webpack的下载：

其中，我们可以指定版本号

我是跟着黑马的视频学习的，用的是：

其中，在安装的过程中，我出现了一个错误，（文件名称与包名冲突）

解决办法：

找到package.json修改name

请注意，修改目录文件名称和再一次初目录都不能解决问题

2：配置

1，在根目录上创建webpack.config.js配置webpack的配置文件

其中，mode处理开发者模式还有production模式

2.在package.json文件中的scripts中新增dev脚本

 3，在终端中，输入npm run dev 打包上线文件

文件目录中会出现一个dist

上面就是本次操作后新增加的几个文件目录

关于mode的两种模式有补充