解决webpack因新版本打包失败问题--ERROR in multi ./src/main.js ./dist/bundle.js

创建了一个webpacksty的目录，目录下放着dist，src子目录，然后通过node环境下，npm init -y 初始化项目出现package.json文件，src子目录下又存放着index.html和main.js文件，接下来尝试着在main.js输入一句代码当验证打包后续是否成功的过程：

1	console.log("ok");

　　

接下就是执行webpack打包命令了

把src下的main.js打包到dist下的bundle.js,执行命令：

webpack .\src\main.js .\dist\bundle.js
执行后：

 

报错了！此时也可以直接看出我的webpack版本号：4.30.0 ，算是新版本了。

当然此时查看结构目录下dist肯定没有bundle.js的文件出现，然后自己也是看别人的博客查询到了原来是版本过高，以前的命令已经不适用了，只要加-o就轻松解决原来。

webpack .\src\main.js -o .\dist\bundle.js
此时就执行成功了！

 

在dist目录下也自动生成了bundle.js的文件。

然后在index.html导入这个生成的文件，运行在浏览器查看

 

打包成功！