使用 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'
  }),

...

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

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

Answer 1

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