问题标签 [html-webpack-plugin]

我有一个工作 webpack 1 项目，我想迁移到webpack 2。

它几乎可以工作了，我剩下的主要问题是html-webpack-plugin：

当我在 webpack 2 中使用它时，生成的脚本标签的形式是：

代替：

注意：使用相同的插件选项，它在 Webpack 1 中按预期工作。

以下是 webpack conf 的相关部分：

我究竟做错了什么？

我试图在不执行 EJS 模板的情况下动态插入 bundle.js，但出现以下错误。有没有办法只插入 JS 而不执行 EJS 模板？

我实际上是使用节点渲染模板，我只想将捆绑文件动态插入到 template.ejs

网络包配置：

模板.ejs

有没有办法让 Webpack 将已编译的SCSS → CSS文件添加到我的 Angular 项目的index.html头作为内联样式标记？

目标是设置Angular 忙于引导时显示的“正在加载...”页面的样式。为了避免 FOUC，需要将生成的 CSS 文件内联注入，作为我 index.html 头部的样式标记。这样，一旦加载了 index.html，我们就不需要等待另一个网络资源加载来查看我们的预引导样式。

这也可能是将 index.html 页面内的小徽标作为 base64 数据 URI 内联的一种有价值的方法。

该项目是使用 Angular CLI 创建的，并将 Angular 4 与 Webpack 2 一起使用。我使用 webpack.config.js 弹出了 Webpack 配置并对 webpack.config.js进行ng eject了少量修改。我几乎只是从配置中删除了 LESS 和 Stylus 支持。

这是我的 webpack.config.js 供参考：

我有以下webpack.config.js文件：

尝试加载包含<% somefile %>该文件的 ejs 文件时找不到..这是我收到的错误：

我尝试了许多文件路径格式，但都没有奏效，这是我的 ejs 文件，我的 head.ejs 在同一个文件夹中：

我将 Webpack 2 用于我的投资组合网站，但它不是 SPA - 因此，目的不是将所有内容输出到我捆绑的 JS 中。

我有几个.pug,.scss和.js文件的入口点。像这样：

但是，在查看 的源代码时app.js，我会从我的.pug文件中看到呈现的 HTML。

对于.pug编译，我使用HtmlWebpackPlugin. 我想我解释发生了什么的最简单方法是向您展示webpack.config.babel.js文件：

我在app.js包中看不到任何 CSS，并且入口点设置相同，所以它可能与它HtmlWebpackPlugin本身有关吗？也许我不明白这是如何正确工作的，我的配置是错误的。

我是 Webpack 的新手（来自 Gulp），所以如果我的问题的答案似乎很明显，请多多包涵。

谢谢你的帮助。

更新： 供参考，我的项目结构如下：

我会从我的.pug文件中调用一个图像，/pug/components/example.pug路径如下img(src="../images/example.jpg")。.pug正如用户 Tatsuyuki 在下面建议的那样，这在作为 Webpack 配置中的入口点删除之前有效。

我的 webpack 配置有问题。实现 html-webpack-plugin 后出现错误，生成的整个错误堆栈index.html。

错误堆栈：Html Webpack 插件：

我的 webpack 配置代码：

我找不到该错误的任何来源，也许我有点累，但我想完成它，所以希望对你们有所帮助。

也许我应该使用一些raw-loader来加载.html（？），这并不让我高兴。

我正在尝试将 webpack 与 htmlwebpackplugin 一起使用。我在https://github.com/jantimon/html-webpack-plugin中看到了文档，并且在“编写自己的模板”部分中说我可以在模板中使用一些变量，例如 htmlWebpackPlugin.files 或 htmlWebpackPlugin。选项。好的。

当我尝试在模板上使用 htmlWebpackPlugin.files 的示例时，它失败了，因为它不是我必须放在 <% 和 %> 之间的代码。但是，我也可以这样做，但不是使用 JSON 格式，而是使用点表示法。所以我只问这个例子是否只是为了有一个参考，或者我真的需要使用点符号，正如我在其他例子中看到的那样。

原谅我的无知，谢谢

我使用 webpack 运行我的 vue 应用程序，它使用 webpack-simple 模板。我的 webpack 设置是：

来源Html：

生成HTML：

为什么 css 和 meta 标签没有注入到生成的 html 文件中？

我对 Pug 和 Webpack 2 有疑问。我需要编译并包含另一个由函数传递的文件。

我得到什么：

我需要的 ：

这可能吗？如果您能提供帮助，我将不胜感激。

I'm using html-webpack-plugin to produce a html version of a ejs template. I'm using the ejs on staging and for Dev, but on production there needs to be a html file. In the EJS I have conditions to hide things on staging, but when I run webpack I get the following error:

ive tried to include ejs-loaders and such but still not working. Any suggestions? This is how my webpack script looks like: