javascript - html-loader 的用途是什么以及它在 Webpack 中是如何工作的

Question

我在学习 webpack 时遇到了 loaders ,loaders的定义表示它会转换您的代码，以便可以将其包含在 javascript bundle 中.

但是，html-loader 是如何工作的？
html-loader定义说它将 html 导出为字符串(这是什么意思)。

它还说每个可加载属性(例如 <img src="image.png" 被导入为 require('./image.png') ，您可能需要在配置中为图像指定加载器( file-loader 或 url-loader )，这是什么意思。

我想知道，html-loader 到底做了什么。是否转换 html转换成字符串，或者它只是转换 img标记到 require .这一切如何协同工作。

谁能详细解释一下。

Answer 1

由于 webpack 在 5.0 中彻底改变了它的工作方式。 “将 HTML 导出为字符串”不再是对用例的最佳描述。过去，人们会将 html-loader 与 extract-loader 和 file-loader 链接起来以发出 html。现在，无论出于何种原因，我都会使用它来解析 html。
https://v4.webpack.js.org/loaders/extract-loader/