我想通過檢查NODE_ENV

Question

在header-view.js中添加GA代碼我想在生產環境中添加GA代碼。 目前我有dev，stage和prod環境。 我正在使用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), 
    } 
    }) 
    ] 

在你頭-view.js可以檢查它爲： -

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

在運行的WebPack既可以是設置的環境變量或通過它直接在命令中，如environ=production webpack -p //for production