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

Question

我们正在迁移到 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.

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

npm run webpack --mode development ...

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

Answer 1

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

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

Answer 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),
  },
}),