未分類
25 11 月 2020

webpack 如何实现提取.html 文件中的 script 和 style 标签? 并使用其他 loader 处理后生成文件地址?

webpack 如何实现提取.html 文件中的 script 和 style 标签? 并使用其他 loader 处理后生成文件地址?

資深大佬 : woshiyigexiaohao 4

有个需求是需要把.html 内的所有 script 标签 script:not([src]) 和 style 标签 使用对应的 loader 进行处理并将其变为文件引用形式.

script 标签不同于 vue 可能存在 html 文件任何位置,可能需要经过 parse 处理.

类似 Vue-loader

大佬有話說 (7)

  • 主 資深大佬 : woshiyigexiaohao

    有啥思路嘛

  • 資深大佬 : Torpedo

    @woshiyigexiaohao https://github.com/jantimon/html-webpack-plugin#configuration 可以把 html 当做模板，注入变量，拼最后生成的 html

  • 主 資深大佬 : woshiyigexiaohao

    @Torpedo plugins 晚于 loader 执行,如何在 plugin 中对文件运行 loader

  • 資深大佬 : yaphets666

    原理嘛那肯定是正则匹配了,vue-loader 也是正则.

  • 資深大佬 : Torpedo

    @woshiyigexiaohao 那就先写个解析 html 的 loader，把剩余的扔给后面的 js，styleloader 啥的。不知道 html-loader 行不

  • 資深大佬 : KuroNekoFan

    xpath 吧

  • 資深大佬 : auroraccc

    找个 parse html 的库然后过 loader 拿到处理后的文件地址再替换就好了