在进行开发工作时禁用 UglifyJSPlugin？答案

【问题标题】：Disable UglifyJSPlugin when doing development work?在进行开发工作时禁用 UglifyJSPlugin？
【发布时间】：2018-05-24 20:00:25
【问题描述】：

当我进行更改时，我相对简单的 typescript React webapp 需要花费大量时间进行编译，其中很大一部分花费在 UglifyJSPlugin 上。

我正在通过 NPM 运行以下命令：

"start": "webpack-dev-server --progress --colors --inline --watch",

大部分时间都花在了 uglifyjs 上，有什么理由需要为开发工作运行它吗？我不需要它在开发过程中丑化/优化代码，我想知道如何强制它被禁用。

【问题讨论】：

【解决方案1】：

您可以使用单独的 webpack 配置文件进行生产，将 UglifyJSPlugin 留在您的开发配置中。

如果您在生产环境中运行，您还可以让配置脚本生成一个仅包含该插件的配置对象（例如 process.env.NODE_ENV == 'production'）。

我个人选择了后者。我最近升级到 WebPack 4.x，它在 config 中添加了优化字段，可以简洁地表达如下：

{...restOfConfig,
   optimization: {
      minimize: process.env.NODE_ENV == 'production'
   }
}

【讨论】：

【解决方案2】：

在您的开发环境中，通过将以下行添加到webpack.config.js 来启用开发模式：

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

注意official document 表明UglifyJSPlugin 仅在生产模式下激活。

【讨论】：