webpack4.x各类坑记录

网上找到不少webpack3.x的教程，但写这个文章的时候，版本已经升到了4.x因此，看3.x的教程怎样webpack怎么错，如下是一些记录

1.webpack xxx xxx,这种错就是要求你安装依赖，结果你安装完以后，再执行一样的命令，她依然会有一样的提醒，是由于没安装成功，再这状况，必须手动安装。

解决方式：手动安装webpack-cli   

能够用webpack -h检查一下安装状况，会有一大串东西出来，不会再有以上的提示

 

2.webpack {入口文件} {输入文件}

例如:webpack main.js bundle.js，这样执行的结果是，意思是，执行webpack必须带有mode

 

解决方式： 或者webpack --mode production,在4x里面，webpack 入口 输出文件 的命令已经取消了，因此必须用这个

 

3.可是用这个后，仍是会出现如下错误，这是由于，在4.x里面已经使用了默认的入口文件，必须放在./src里面，并且必须是index.js（这个文件名是否是必定叫index.js，有待认证）,

解决方式：建立./src/index.js，入口文件

4.最后一次执行

终于成功了，执行结果的最终结果是这样的

 

 

5.进阶

若是不想每次都进行打包命令，能够在package.json文件的script里面加上“dev”:"webpack --mode develop"，当下次执行npm run dev，就会自动执行相关动做