webpack4.0解决报错The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for，Module..

问题背景

webpack打包失败出现以下错误 ：

产生原因

webpack4.0对语法要求更加严格，要求我们在运行 webpack 时必须在 “开发或者生产” 中选择一种模式，没有设置webpack模式，就会产生报错。

--mode development [开发环境] 或者

--mode production [生产环境] 

解决方法

1.package.json中设置：

"scripts": {     
    "dev": "webpack --mode development", // 开发环境    
    "build": "webpack --mode production", // 生产环境 
},

就可以使用不同命令更改模式

2.webpack.config.js中设置：

在webpack.config.js中的module.exports下设置 mode: 'development' 

module.exports = {     
    entry: './src/app.js',     
    output: {
         path: path.resolve(__dirname, 'dist'),
         filename: 'main.js'
     },
    mode: 'development' // 设置mode
 }

3、下载webpack指定版本：

例如：

本地安装最新稳定版本
npm i webpack webpack-cli -D

  全局安装指定版本
  npm install webpack@3.0.0  webpack-cli@3.3.12 -g