webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_45225340/article/details/102750550

当输入命令：webpack .\src\main.js .\dist\bundle.js报错如下：

来自本地
这是为什么呢？原因是我的webpack版本过高，原来的命令已经不适用了如下查询版本号：

来自本地
那应该如何解决?更换打包命令为: webpack ./src/main.js -o ./dist/bundle.js其中 bundle.js是打包后生成的文件的文件名

来自本地
可以看到main.js已经被打包为了bundle.js文件，但是，这个并没有打包成功！ 因为打包的时候没有出现红色的error了，但是还有黄色的警告，如下图.

来自本地
黄色警告:是因为webpack4引入了模式,有开发模式,生产模式,无这三个状态可以看到末尾并没有生成我们所打包的main.js的信息黄色部分的警告的意思是，没有设置模式,有开发模式和生产模式两种，接下来，找到package.json.添加上”dev”和”build”这两个信息以及他们的值： “scripts”: { “test”: “echo \”Error: no test specified\” && exit 1”, “dev”:“webpack --mode development”, “bulid”:“webapck --mode production” },再全局安装 webpack-cli：npm i --save-dev webpack-cli -g
链接：https://www.jianshu.com/p/a55fb5bf75e1