有没有办法使用 html-webpack-plugin 包含部分内容?

2022-01-19 00:00:00 frontend html webpack

我正在使用 Webpack 来编译我的脚本和 HTML(使用 html-webpack-plugin).问题是,我有 5 个包含相同部分的 HTML 文件,我想将这些部分移动到单独的 .html 文件中,然后在每个 HTML 文件中 include 这些部分.这样,如果我要更改这些较小的 HTML 文件,它将重新编译每个 HTML 文件以表示这些更改.

I am using Webpack to compile my scripts and HTML (using html-webpack-plugin). The thing is, I have 5 HTML files that contains the same parts and I want to move these parts to separate .html files and then include these parts in every HTML file. This way, if I will change these smaller HTML files, it will recompile every HTML file to represent these changes.

Webpack 默认对 .js 文件执行此操作,但我可以对 HTML 文件使用类似的内容吗?

Webpack does this for .js files by default, but can I use something like that for HTML files?

推荐答案

您可以在模板中使用 <%= require('html!./partial.html') %>.此处示例:https://github.com/jantimon/html-webpack-plugin/blob/master/examples/custom-template/template.html

You can use <%= require('html!./partial.html') %> in your template. Example here: https://github.com/jantimon/html-webpack-plugin/blob/master/examples/custom-template/template.html

相关文章