我想通过检查 NODE_ENV 在 header-view.js 中添加 GA 代码

【问题标题】：I want to add GA code in header-view.js by checking NODE_ENV我想通过检查 NODE_ENV 在 header-view.js 中添加 GA 代码
【发布时间】：2016-09-15 00:56:23
【问题描述】：

我想在生产环境中添加 GA 代码。目前我有 dev ， stage 和 prod 环境。我正在使用 webpack 配置在 dev /prod 环境中创建 /Manage build。

我只是想知道如何在头文件中添加环境特定的 GA 代码。我可以使用 HtmlWebpackPlugin 加载 Google 分析 id 吗？

【问题讨论】：

标签： javascript node.js reactjs webpack

【解决方案1】：

您可以从 webpack 配置中的环境变量中读取值，然后在 header-view.js 中使用它。

示例 webpack 配置：-

plugins: [
    new webpack.DefinePlugin({
    'process.env': {
      'NODE_ENV': JSON.stringify(process.env.environ),
    }
  })
  ]

在您的 header-view.js 中，您可以将其检查为：-

if (process.env.NODE_ENV === 'production') {
  //ga code 
}

在运行 webpack 时，您可以设置环境变量或直接在命令中传递它，例如 environ=production webpack -p //for production

【讨论】：