javascript - 带有 prod 参数的 webpack

Question

我有一个 Express+React 应用程序并且我使用 webpack。

在开发中，我运行“webpack --watch”，但在部署到生产环境之前，我想丑化我的 js。

目前，我每次在生产部署之前都取消对 uglify 插件的注释。

可以通过传递给 webpack 命令的一些参数来完成吗？

谢谢，Alex A。

Answer 1

您可以像这样在脚本中指定一个环境变量:

package.json

"scripts": {
  "build": "webpack --watch",
  "build:production": "NODE_ENV=production webpack"
}

然后，在你的 webpack 配置中，确保像这样将 uglify 添加到你的插件中

webpack.config.js

...
const config = {
  /* your regular config applicable to all environments */
}

// modifications to config when ran with NODE_ENV = production
if (process.env.NODE_ENV === 'production') {
  config.plugins = config.plugins.concat([
    new webpack.optimize.UglifyJsPlugin()
  ])
}

module.exports = config;