使用webpack打包时报错

1、使用 webpack 打包时报错

 经多方查找发现,可能是 webpack4.0 以上版本打包命令有所变化

2、使用 webpack  .\src\main.js  -o  .\dist\bundle.js 命令,没有报错,但是有黄色警告

 经过查找资料,解决方法如下:

(1)在 package.json 中的 “scripts”中添加以下代码:(该文件由 cnpm init 命令初始化后生成)

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
}
(2)新建 webpack.config.js 文件:  
module.exports = {
  mode : 'development' // development为开发者环境,production为生产环境变量 ,还有一个为none
}
(3)使用 webpack .\src\main.js  --o  .\dist\bundle.js 打包成功(查看版本 webpack -v)
posted @ 2020-08-18 17:03  迷雾幻空  阅读(1001)  评论(0)    收藏  举报