webpack学习

在网上找了几个webpack的教程，前面生成package.json文件，配置全局webpack，配置项目webpack，都是可以的，但一到运用webpack去打包js文件时就给我各种报错，网上教程给的方法是webpack app/main.js public/bundle.js，其中，main.js是入口文件，bundle.js是要用webpack生成的js文件，结果我在这样运行后报了如下的错误:

ERROR in multi ./app/main.js public/bundle.js
Module not found: Error: Can't resolve 'public/bundle.js' in 'D:\webpackdemo'
 @ multi ./app/main.js public/bundle.js main[1]

然后在网上找到一个18年的文章才发现，现在的版本太高无法用以前的命令，

更换打包命令为：webpack app/main.js -o public/bundle.js

其中的一些参数值：

Version:webpack版本

time:这次打包所花费的时间，

列表信息

Asset：打包这次生成的文件

Size：这次生成文件的大小

Chunks：这次打包的分块

chunk Names：这次打包的名称

 

参考文章：https://blog.****.net/lplife/article/details/80650993

https://blog.****.net/lplife/article/details/80875815

这篇文章比较详细地讲述了如何用webpack4来进行简单的打包。跟着这个文章来做，果然没有报错，看来，老的教程还是不要看了

 

https://blog.****.net/u012443286/article/details/79504289

这篇文章对于webpack的运行过程遇到的问题进行了很详细地解析并且给出了解决方案