时间戳

首页 > 解决方案 > 在进行开发工作时禁用 UglifyJSPlugin？

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

问题描述

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

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

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

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

标签： typescriptwebpackuglifyjs

解决方案

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

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

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

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

推荐阅读