npm run dev--The 'mode' option has not been set, webpack will fallback to 'production' for this valu...-优快云博客

本文详细介绍了在Webpack4.0升级后，如何正确设置mode选项以避免警告信息。通过在package.json或webpack.config.js中配置mode为'development'或'production'，可以启用每个环境的默认设置。此外，还提供了如何安装指定版本的Webpack教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 webpack@3 // 3： webpack版本3最新 npm install -S webpack@3.6.0

转载于:https://www.cnblogs.com/linkenpark/p/10387115.html