2
html-webpack-pluginを使用してindex.ejsを使用して別々のHTMLファイルを作成しようとしています。html-webpack-pluginを使用してdevpackモードでwebpackに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'
}),
...
私は--env.prodで、本番モードでのWebPACKを実行すると、それは適切に私のpublicディレクトリにファイルを作成します。しかし、私が--env.devを実行すると、このプラグインは実行されません。
HtmlWebpackPluginを開発モードで実行して、開発環境固有のHTMLファイルを作成するにはどうすればよいですか？
私はwebpackで遊んでいますが、反対の問題があります。 'NODE_ENV = production webpack'を実行すると、index.htmlは作成されません... これは大いに役立ちます。 – dublx
ウェブパックの設定に問題があるようです。あなたが質問を投稿すると、私は試して助けてもらうことができます。 – Himmel
HTMLファイルはまったく生成されませんか？もしそうなら、完全なWebpack設定を提供できますか？ – lorefnon