使用html-webpack-plugin在开发模式下在webpack中构建HTML

Question

我正在尝试使用index.ejs使用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'
  }),

...

当我在生产模式下使用--env.prod运行webpack时，它会将文件正确地构建到我的public目录中。但是当我使用--env.dev运行时，此插件无法运行。

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

Answer 1

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