我正在学习webpack,我遇到了loaders
,loaders
的定义说,它转换你的代码,所以它可以被包含在javascript bundle
.
但是,html加载器是如何工作的?
html-loader
定义说它将html导出为String(这意味着什么)。
它还表示每个可加载属性(例如,<img src="image.png"
被导入为require('./image.png')
,并且您可能需要为配置中的映像指定加载程序(file-loader
或url-loader
)),这是什么意思?
我想知道,html-loader实际上是做什么的。它是把html
转换成字符串,还是只是把img
标签转换成require
。所有这些是如何一起工作的。
能不能有人详细解释一下。
2条答案
按热度按时间x0fgdtte1#
自从webpack彻底改变了它在5.0中的工作方式。“将HTML导出为字符串”不再是对用例的最佳描述。过去,人们会将html-loader与extract-loader和file-loader链接起来以发出html。现在,我会使用它来解析html,无论出于什么原因。https://v4.webpack.js.org/loaders/extract-loader/
wbgh16ku2#
从https://webpack.js.org/loaders/html-loader/中可以看出
这不仅仅是转换为字符串。
你可以像给变量赋值一样预处理HTML,你可以应用过滤器,...等等
上面的代码是从链接中获取的,这是一个过滤的例子。
或者,您也可以使用此插件
html-webpack-plugin