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

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

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

最佳答案

您可以从 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=development webpack -p//for production

关于javascript - 我想通过检查 NODE_ENV 在 header-view.js 中添加 GA 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39484349/