当输入命令: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