index.ejsusing html-webpack-pluginを使用して個別の HTML ファイルを作成しようとしています。
私index.ejsには次のコードブロックがあります。
<% if (process.env.NODE_ENV === 'production') { %>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.js"></script>
<% } %>
これらのスクリプトを本番環境にロードしたいだけです。
私の webpack ファイルHtmlWebpackPluginでは、ejs テンプレートの場所を指定するために読み込んでいます。
plugins: [
new HtmlWebpackPlugin({
template: 'index.ejs'
}),
...
を使用して本番モードで webpack を実行すると--env.prod、ファイルがディレクトリに適切にビルドされますpublic。しかし、で実行すると--env.dev、このプラグインは実行されません。
HtmlWebpackPlugin開発モードで実行して、開発環境に固有の HTML ファイルを作成するにはどうすればよいですか?