npm run dev--The 'mode' option has not been set, webpack will fallback to 'production

Posted 2021-02-09 林肯公园

npm run dev时报警告：

warning

configuration
The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for this value. Set ‘mode‘ option to ‘development‘ or ‘production‘ to enable defaults for each environment.
You can also set it to ‘none‘ to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

 

升级webpack4.0后，打包报如下错误：

WARNING in configuration
The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for thisvalue. Set ‘mode‘ option to ‘development‘ or ‘production‘ to enable defaults for each environment.
You can also set it to ‘none‘ to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

webpack官网更新日志有说明：webpack升级4.0新增mode属性
1
解决方法：
1.package.json中设置：

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

 

2.webpack.config.js中设置：

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

 

下载指定webpack指定版本：

npm i -D [email protected] // 3： webpack版本3最新