webpack 打包警告：The 'mode' option has not been set

原創

2020-02-22 10:10

webpack升級到4之後，有許多坑要踩，其中一個就是打包的時候會多出一條警告：

這是因爲webpack官方在4中新增了： mode 配置選項，告知 webpack 使用相應模式的內置優化。可配置的值是production、development 和 none，默認爲production。

解除以上警告有兩種方法：
1，在package.json中修改
在package.json的scripts中webpack命令後加上 --mode配置即可，比如使用production配置：

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "mocha": "mocha",
    "build": "webpack --mode production"
 }

2，在webpack.config.js中修改
在webpack.config.js中加上mode: 'production’即可，比如使用production配置：

module.exports = {
  mode: 'production'
}

mode有三種模式，官方對三種模式的解釋是：

選項	描述
development	會將 process.env.NODE_ENV 的值設爲 development。啓用 NamedChunksPlugin 和 NamedModulesPlugin。
production	會將 process.env.NODE_ENV 的值設爲 production。啓用 FlagDependencyUsagePlugin, FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin, SideEffectsFlagPlugin 和 UglifyJsPlugin。
none	通過DefinePlugin插件將 process.env.NODE_ENV 的值設爲 node。使用默認的優化項。