这几天想重新学习一下webpack,之前只是简单的会用,学习了技术胖的视频,他的webpack是3.6版本的,按照视频的步骤一步步开始了练习,用的工具是VScode。
在打包时,出现了报错;
![](https://img.haomeiwen.com/i15500262/3d1adf287b158257.png)
检查自己的webpack版本是:4.22.0,发现是自己的webpack版本太高,之前的命令已经不适用了,后来改用命令:webpack src/entry.js -o dist/bundle.js
可以看到entry.js已经被打包为了bundle.js文件,但是,这个并没有打包成功! 因为打包的时候没有出现红色的error了,但是还有黄色的警告.如下图.
![](https://img.haomeiwen.com/i15500262/217f480d02436dc1.png)
黄色部分的警告的意思是,没有设置模式,有开发模式和生产模式两种,接下来,找到package.json.添加上"dev"和"build"这两个信息以及他们的值.
![](https://img.haomeiwen.com/i15500262/6bce02d404145948.png)
网友评论