webpack4的新特性

今天早上，帮群里朋友解决问题。很简单的一个webpack打包，结果一直通不过。我手头事不多，想着自己试试。

结果发现，确实有问题！各方面查了资料之后发现，4和3还是有很大区别的。

好了，废话不多说。

1. 提示安装问题

   
   
   报错截图1

这是遇见的第一个问题，一直提示安装 webpack-cli 。

这个是因为webpack4把 webpack 和webpack-cli 分开了，将命令行相关的都迁移至webpack-cli，光安装了webpack是不行的。

输入 yes 然后回车，稍等一会儿，webpack-cli就安装好了。之后我们的命令继续执行，就可以了

注意：安装时记得安装在同一目录下，否则会一直让你安装

2. 不能找到build/index.js文件

报错截图2

这个问题，是因为 webpack 4 引入的模式，包括 development、production、none 三个值，我们不传入值的话，会默认使用 production。

我们传入 --mode development 就可以了

3.假如不指定输入 、输出呢

报错截图3

就会报 上面的错

这也是 webpack 4 引入的特性，默认输入文件位置在 src/index.js 下

所以不指定输入输出 就需要创建一个src文件 把输入的文件放在里面.

今天就到这里了。