webpack 4.x 入门 出现的一些问题

webpack 4.x改变是很大的，如下：

1、webpack.config.js 要手动生成，默认 entry 为 src/index.js，默认 output 为 dist/main.js。
默认的意思就是你不写 entry，output 他就会自动适配，当然 src/index.js 是要手动创建的。

2、不能在使用webpack 文件a 文件b的方式，不然就会出现一下提示：

WARNING in configuration The ‘mode’ option has not been set. Set ‘mode’ option to ‘development’ or ‘production’ to enable defaults for this enviroment. ERROR in multi ./a.js bundle.js Module not found:ERROR:Can‘t resolve ‘bundle.js‘ in ‘E:/nodejs/case/webpack2‘ @ multi ./a.js bundle.js

要直接运行webpack –mode development或者webpack –mode production，这样便会默认进行打包，出入口就是上面第一点所说的；要用webpack ––mode development或者webpack ––mode production；如果嫌每次都要这么输入麻烦，就可以直接在package.json中scripts中加入两个成员：“dev”:“webpack –mode development”, “build”:“webpack –mode production”；之后我们只要执行命令npm run dev就可以了

3、配置其他参数

我们如果需要配置webpack指令的其他参数，只需要在webpack –mode production/development后加上其他参数即可，如：

webpack ––mode development ––watch ––progress ––display–modules ––colors ––display–reasons

当然，这也可以写入package.json的scripts之中。