用html-webpack-plugin在开发模式下在webpack中构buildHTML

我正尝试使用html-webpack-plugin使用index.ejs构build单独的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时，它将把文件正确地构build到我的public目录中。 但是，当我运行--env.dev ，这个插件不运行。

我如何在开发模式下运行HtmlWebpackPlugin来构build特定于我的开发环境的HTML文件？

Answer 1

您可以使用ejs-render-loader软件包。