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

Question

我的相对简单的打字稿React webapp在进行更改时需要花费相当多的时间进行编译，其中很大一部分用于UglifyJSPlugin。

我通过NPM运行以下命令：

  

＆＃34;开始＆＃34;：＆＃34; webpack-dev-server --progress --colors --inline --watch＆＃34;，

花费的大部分时间都在uglifyjs中，是否有任何理由需要运行开发工作？我不需要它在开发过程中使用uglifying /优化代码，并且想知道如何强制它被禁用。

Answer 1

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

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

我亲自选择了后者。我最近升级到WebPack 4.x，它将优化字段添加到配置中，允许简洁地表达如下：

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

Answer 2

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

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

请注意official document显示UglifyJSPlugin仅在生产模式下被激活。