htmlでwebpack環境変数を渡すにはどうしたらいいですか？

処理時間（ブラウザでの実行時間ではありません）中にwebpack ENV変数を取得/アクセスするにはどうすればよいですか？ webpack.DefinePlugin(...)はhtmlファイルでは機能しないようですが、メインのENV変数にアクセスできないindex.htmlhtmlでwebpack環境変数を渡すにはどうしたらいいですか？

どのような解決策ですか？

出典

2016-10-06 darkylmnx

html-webpack-pluginを使用できます。あなたは実際にあなたにも使用して、あなたのEJSテンプレートにDefinePluginからあなたの変数を使用することができindex.ejs

に

<body class="<%= htmlWebpackPlugin.options.enviornment %>">

出典

2017-02-15 01:38:17

を

new HtmlWebpackPlugin({ 
     template: './src/public/index.ejs', 
     inject: 'body', 
     environment: process.env.NODE_ENV 
    }),

を.ejsまたはいくつかの他のテンプレート言語を使用する必要がありますし、その

のように使用します。 HtmlWebpackPlugin。

EJS：

<script async src="https://www.googletagmanager.com/gtag/js?id=<%= GA_TRACKING_ID %>"></script> 
<script> 
    window.dataLayer = window.dataLayer || []; 
    function gtag(){dataLayer.push(arguments);} 

    gtag('js', new Date()); 
    gtag('config', '<%= GA_TRACKING_ID %>'); 
</script>

webpack.config.js：

new webpack.DefinePlugin({ 
    'GA_TRACKING_ID': JSON.stringify(process.env.GA_TRACKING_ID), 
}),

出典

2018-03-01 17:06:27 kontrollanten

これは良い選択肢であると思われます – darkylmnx

htmlでwebpack環境変数を渡すにはどうしたらいいですか？

答えて

関連する問題