前言:
因为很长一段时间没用webpak,今天突然去回顾一下,发现我打包单个文件,报错,我很惊奇,我以前这样打包从来没有出现过问题,然后我去百度查询了一下我的这个的问题,原来是我的webpack 和vue -cli 版本太高了,老版本的这种打包方式已经不支持了,所以要用新的打包方式。
当输入命令:webpack .srcmain.js .distundle.js
![](https://upload-images.jianshu.io/upload_images/16629650-c257d45e6400d4a2.png?imageMogr2/auto-orient/strip|imageView2/2/w/1011/format/webp)
报错了
这是为什么呢?原因是我的webpack版本过高,原来的命令已经不适用了
那应该如何解决?
更换打包命令为: webpack ./src/main.js -o ./dist/bundle.js
其中 bundle.js是打包后生成的文件的文件名
![](https://upload-images.jianshu.io/upload_images/16629650-272411cf3dee307b.png?imageMogr2/auto-orient/strip|imageView2/2/w/1039/format/webp)