倒数第二行，我们会发现我们安装的webpack的版本是 4 的，那么在4中，默认不需要配置文件（它吸收了Parcel的思想，零配置）；既然思想都不一样了，是不是我们前面这么做就要去掉，重来，换成4的做法呢？很显然不愿意了，毕竟做到现在了，那么我就根据步骤一步一步的改吧；
再看这一步：
我们顺着来，输入yes,回车，进行安装webpack-cli
安装完，已经自动运行了node_modules\.bin\webpack；
3、新的警告和报错！
心态爆炸了？不要紧，很快就要OK了！
看前几行，是正确的运行结果，但是，查看项目文件夹时，并不是这样，原因就在后面那几行黄色，红色的警告和报错！
首先看警告，简单点，意思就是需要设置模式：4 无需配置文件，但是没说不要设置模式，模式分为两个：生产模式和开发模式；只需要--mode标记一下就OK了！
再看报错，什么意思呢，其实就是他需要一个src 文件夹，其实这个src文件夹就是我们之前的app文件夹，那么我们改下名字，app改成src;
ok，再来接受一次打击吧！
4、运行node_modules\.bin\webpack --mode development之后，还有一行错误！
很熟悉的报错，刚才给我们报过，刚才那么改貌似没用，这下问题在哪里呢？我们打开package.json看下；
第5行，"main":"index.js"，是不是已经知道了？那我们把src里的入口文件main.js改成index.js，再运行！
成功！！！
最后我们打包之后生成了一个新的文件main.js，并且是在一个新的文件夹dist里；
对于我们之前的webpack.congfig.js文件，完全不用去在意，因为webpack 4 默认不需要配置文件呀！