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

【问题标题】：Build HTML in webpack in dev mode with html-webpack-plugin使用 html-webpack-plugin 在开发模式下在 webpack 中构建 HTML
【发布时间】：2016-11-26 21:11:02
【问题描述】：

我正在尝试使用 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 文件？

【问题讨论】：

我在玩 webpack 但有相反的问题。当我运行NODE_ENV=production webpack 时，它不会创建 index.html ......对不起，如果这没有多大帮助......
这听起来像是你的 webpack 配置的问题。如果您发布问题，我可以尝试提供帮助。
根本没有生成HTML文件吗？如果可以，能否提供完整的 webpack 配置？

标签： node.js webpack ejs html-webpack-plugin

【解决方案1】：

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

【讨论】：

这与问题无关。