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

Question

我正在尝试使用 html-webpack-plugin 使用 index.ejs 构建单独的 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 包。