问题标签 [webpack-html-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - webpack：别名在 HTML 标签中不起作用
为什么下面的别名在 HTML 标记中不起作用或在 JavaScript 中不起作用有什么原因吗？
在我的 webpack 配置文件中：
在我的 HTML 文件 (.vue) 中：
我的 webpack 配置中是否缺少某些内容？
webpack - 无法使用“html-loader”解析资产
我正在尝试为我的 AngularJs 将 Gulp 迁移到 Webpack，以准备迁移到 Angular。加载 html 文件时，我无法解析我的资产，并且出现很多类似这样的错误：
所以我的根项目是：
/home/marvin/workspace/plateforme/source/front/
文件在
/src/app/space/tender-summary
资产都在这个文件夹中：
/src/资产/
我知道我可以通过改变让它发挥作用
至
但我不想重写我所有的 html 文件，因为有很多。这是我的 webpack.config.js
我尝试使用 attributes.root 选项使用 html-loader 编辑“/src”的相对路径，但它不起作用。如何让我的资产发挥作用？
reactjs - React import html - 模块解析失败：您可能需要适当的加载器来处理此文件类型
我想导入一个html文件并转换成json。
webpack.config.js
但它引发了一个错误，说......
webpack - html-webpack-plugin@4.5.0 和 html-loader@1.3.2
我已经配置了 webpack@5.10.0（带有 webpack-cli@4.2.0）以使用 html-webpack-plugin（加上 file-loader@6.2.0 和 sass-loader@10.1.0）：
到那时，一切正常（style.scss被导入index.js，样式表本身加载 2 jpgs background-image: url(...)）。
现在，我的 html 模板 ( index.html) 引用了一个文件 ( <img src="./file.svg">)，该文件 ( ) 被复制（通过file-loader，使用另一个名称）。但是决赛的参考index.html必须反映这种变化。
所以我安装了html-loader@1.3.2：
现在npx webpack build在没有进一步说明的情况下崩溃：
怎么办？如何获取调试信息？出了什么问题？
webpack - 为什么我在 Webpack 5.11.0 中出现此错误：子编译中出现 1 错误？
所以我在尝试编译它时在我的 webpack 代码中遇到了这个错误，当我在生产模式下启动时会发生这种情况，当我删除 html-loader 时错误消失了，我还包括 HtmlWebpackPlugin 和 file-loader 来使用：
webpack.prod.js：
webpack.common.js：
包.json：
有人可以帮助我吗？如果有人需要任何类型的信息，我会保持警惕。
javascript - Webpack 不会在另一个 html 部分中呈现 html 部分
我正在尝试在我的模板中导入静态 html 组件，
我有这个结构：
/src/home.html.ejs 正文
/src/parts/header.html
/src/parts/breadcrumbs.html
当 webpack 正在构建时，我在 index.html 中得到了这个：
网络包配置：
当开发人员可以在 html-loader 中使用选项 interpolate 时，我还找到了一些解决方案，但我使用的 html-loader 高于 v0.5.5，并且此选项已被删除
我做错了什么？
html - ReactJS 链接到来自不同文件夹/项目的本地 HTML 文件
我正在使用 ReactJS 构建一个站点，并且我想创建一个指向本地 HTML 文件的链接（a href="relativepath"），以便当用户单击该链接时，它将打开 html 页面。本地文件在项目外的不同文件夹 X 中，我不想将其上传到我的 src 文件夹中，因为 html 文件依赖于 X 中的许多其他文件。有没有好的方法呢？
我还想上传一个不同的本地 HTML 文件，该文件已经在我的 React 应用程序的 src 文件夹中。我目前有这样的事情：
import htmlFile from "../links/htmlFile.html"; export default function Something(props) { return (<a href={htmlFile}></a>)}
它在我的终端上说
您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders
> <html>| | <head>>
我已经尝试添加 webpack + 一个 htmlLoader，但我认为我错误地执行了这些步骤，因为我无法让它工作。我卸载了这些软件包，所以我现在回到第一方。太感谢了！
reactjs - 如何
在 React 中与 Webpack 一起使用？
我需要创建一个 div 数组（里面有图像）。
我的图像与组件位于同一文件夹中。如何插入正确的 src 以使 webpack 正常工作？（没有“导入”，因为图像的路径将来自服务器，幻灯片由地图形成）
也许我需要在我的 webpack.config.js 中使用“html-loader”，但我不知道如何......我尝试但它不起作用。
javascript - 使用 html-loader 和 extract-loader 将 HTML 导出到他们自己的 html 文件中
我正在尝试转换将在 src 中包含绝对路径的 html 文件。我在 webpack 文档中发现了类似的问题。我尝试将 html-loader 与 extract-loader 一起使用，但出现错误。
html 文件 -> simple.html
索引 js 文件：
webpack.config.js -> [https://webpack.js.org/loaders/html-loader/#export-into-html-files][1]
模块版本 ->
错误：
有人有类似问题吗？？
webpack - webpack 文件加载器重复文件
我正在使用 webpack，它是file-loader + html-loader将文件发送到我的输出目录。它几乎可以按预期工作，因为它还会复制这些文件。
这是我webpack.config.js文件的一部分：
我的输出目录如下所示的一个小示例：
带有散列名称的两个图像是img/目录中图像的不需要的重复项。正如您在上面的示例中看到的，我什至没有将名称设置为散列，我也无法以任何方式打开重复文件。
我正在使用一些插件，例如HtmlWebpackPluginor CleanWebpackPlugin，但我相信它们不会导致问题。
版本：
- 网页包
5.28.0 - 文件加载器
6.2.0 - html-loader
2.1.2