问题标签 [html-webpack-plugin]

所以我是 webpack 的新手，但读了很多。

我正在尝试找出一项任务是否可以使用当前代码（包括插件等）。我们使用HtmlWebpackPlugin并为它提供一个自定义模板，要求它在结束 body 标签附近注入 script 标签。它工作正常，但我们想要的是能够控制注入到 html 模板中的标签。这是使用的默认标签：

我们希望有一个自定义的脚本标签内容，而不是简单的脚本标签，如下所示：

以上将允许动态更改的 bundleUrl 在运行时根据 cookie 的存在而更改。

上述内容不能硬编码到模板中的原因是因为在生产环境中，捆绑包具有哈希前缀...。

我知道我们可以实现这一点的唯一方法是扩展 HtmlWebpackPlugin，但这不太可维护。

建议？

蒂亚！

临时解决方案

不是最漂亮的，但它有效。我最终只清空了“块”部分并将我的硬编码脚本标签插入到模板中。像这样：

这有效地让 HtmlWebpackPlugin 获取源模板并对其进行转换，内部没有任何更改，只是根据需要将其作为 index.html （我们的环境稍微复杂一些）。

我正在按照他们的文档试用 Webpack 的 html-webpack-plugin。但它似乎没有生成所需的 html 文件。我创建了一个小型准系统项目来重现该错误。如果有人能指出我的错误，我将不胜感激 github 项目以突出显示错误。使用以下脚本在项目目录中查看结果：

我正在考虑将我们的一个项目的大型本地构建脚本迁移到 webpack。

它的一个功能是遍历/views目录并将 html 文件的内容复制到主index.html文件中。这使我们可以轻松地使用 KnockoutJS 的模板功能，而无需自己将所有内容都放在一个文件中。像这样的东西：

理想情况下，我希望能够做类似的事情require('./views')并将每个.html文件嵌入为<script type="text/html" id="views/foo">...</script>，将文本注入脚本标记并将 设置id为文件路径。我们有近 100 种不同的模板，所以我想避免require()单独使用它们。

我可以配置html-loader或html-webpack-plugin执行此操作吗？我想知道我是否必须编写自己的 webpack 插件，或者是否有办法配置现有插件来做我想做的事。

谢谢！

我的 webpack 配置使用 HTMLWebpackPlugin 动态生成 index.html 服务。

我像这样公开这个生成的 index.html：

我正在使用客户端反应路由器，这是我的路线：

访问http://localhost:1337/工作正常并正确显示我的“应用程序”组件，但是当我尝试访问http://localhost:1337/home时，我得到一个 404，因为它看起来是 SERVER-SIDE 路由 /home .

当然，如果我添加我的 server.js：

调用http://localhost:1337/home返回正确的 json 对象。

我错过了什么？

（提供了图片）所以我一直在关注 webpack 上的教程，我按照说明进行操作，但是当我点击端口 8080 时，我看到的是这个而不是组件模板，我使用的是 webpack-dev-server

这是 webpack.config.js

我正在尝试使用index.ejsusing html-webpack-plugin构建单独的 HTML 文件。

我index.ejs有以下代码块。

我只想在生产中加载这些脚本。

在我的 webpack 文件中，我正在加载HtmlWebpackPlugin以指定 ejs 模板的位置。

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

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

我想将我的项目与 Webpack 集成。在我们使用 EJS 模板之前，我们只想将 CSS 和 JavaScript 等静态资产附加到body标签中。但是当我使用 EJS 加载器时，生成的 EJS 文件还有其他东西，如模块导出等。我该如何删除它？

以下是我的 Webpack 配置：

下面是生成的login.ejs：

我只想将静态资产附加到body标签中，而不做任何其他事情。

任何帮助表示赞赏。

我已经克隆了 create-react-app，我想使用 webpack 插件 markdown-loader。有人可以告诉我如何修改 webpack.config.dev.js 来做到这一点。谢谢

我正在尝试使用 webpack 和 angular 使用 babel 和 es6 创建一个配置驱动的 webapp。

我一直遇到一个反复出现的问题，我需要我的 config.json 在它自己的块中，并且可以从多个控制器/组件访问。然而，困难在于我需要它以人类可读的纯文本形式（又名没有被 webpackJsonp 等和缩小）只是标准 json。

有没有人有任何想法？

提前道歉我对webpack完全陌生......

有谁知道如何使用html-webpack-plugin注入<link>和<meta>指向文件的标签？