如何在配置文件中将模式设置为开发或生产？答案

【问题标题】：How to set mode to development or production in the config file?如何在配置文件中将模式设置为开发或生产？
【发布时间】：2018-08-20 22:01:03
【问题描述】：

我们正在迁移到 webpack 4。我们已经有了 dev / prod 配置文件。我们开始收到此警告消息：

WARNING in configuration
The 'mode' option has not been set. Set 'mode' option to 'development' 
or 'production' to enable defaults for this environment.

我们可以通过在命令行中传递 --mode production 来解决这个问题，如下所示：

npm run webpack --mode development ...

正如 webpack 文档、博客和互联网上的其他地方所提到的。我们如何在配置文件中设置配置？简单地说一个模式：在模块下开发是行不通的。只是有点沮丧，为什么文档丢失了......

【问题讨论】：

标签： webpack webpack-4

【解决方案1】：

我现在正在寻找相同的答案，对我来说，将属性添加到配置文件似乎可以完成这项工作。

module.exports = {
  // ...
  mode: 'development'
};

【讨论】：

【解决方案2】：

根据 Webpack 文档：

new webpack.DefinePlugin({
  'process.env.NODE_ENV': JSON.stringify('development'),
});

更好：（您可以通过命令行或 npm 脚本传入变量）

new webpack.DefinePlugin({
  'process.env': {
    NODE_ENV: JSON.stringify(process.env.NODE_ENV),
  },
}),

【讨论】：