带有 prod 参数的 webpack

Posted 2023-02-22

【中文标题】带有 prod 参数的 webpack

【英文标题】：webpack with prod parameter

【发布时间】：2017-01-31 13:22:58

【问题描述】：

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

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

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

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

谢谢，亚历克斯 A。

【问题讨论】：

Webpack how to build production code and how to use it的可能重复

【参考方案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;