码迷,mamicode.com
首页 > Web开发 > 详细

webpack 使用环境变量

时间:2018-02-06 23:08:51      阅读:321      评论:0      收藏:0      [点我收藏+]

标签:guide   cti   运行   css   export   blank   property   str   token   

要在开发生产构建之间,消除 webpack.config.js 的差异。你可能需要环境变量。

可以使用 Node.js 模块的标准方式:在运行 webpack 时设置环境变量,并且使用 Node.js 的 process.env来引用变量。NODE_ENV 变量通常被视为事实标准(查看这里)。

webpack.config.js

module.exports = {
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
+      compress: process.env.NODE_ENV === ‘production‘
    })
  ]
};

使用 cross-env 包来跨平台设置(cross-platform-set)环境变量:

package.json

{
  "scripts": {
    "build": "cross-env NODE_ENV=production PLATFORM=web webpack"
  }
}

webpack 使用环境变量

标签:guide   cti   运行   css   export   blank   property   str   token   

原文地址:https://www.cnblogs.com/chris-oil/p/8424412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!