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

Question

我想在生产环境中添加GA代码。 目前我有开发，舞台和生产环境。 我正在使用webpack配置在dev / prod环境中创建/管理构建。

我只是想了解如何在头文件中添加特定于环境的GA代码。 我可以使用HtmlWebpackPlugin加载Google分析ID。

Answer 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