HTML includer开发人员工具

时间:2018-07-27 11:05:40

标签: html webpack developer-tools

是否有开发人员工具可以将HTML文件包含到另一个文件中?例如:

image.html:

<img src="img/hero.jpg" alt="Hello World">

main.html:

<html>
<head>...</head>
<body>
<!-- some content -->
<%= include 'image.html' %>
<!-- some other content -->
</body>
</html>

语法是任意的,我认为这是EJS webpack loader的语法,但这是一个示例。

我正在寻找它,因为html webpack的html-loader无法正常工作。

好的答案也可以是有效的webpack.config.js文件或其他开发者工具。

3 个答案:

答案 0 :(得分:-1)

您可以使用jQuery将HTML嵌入到另一个文件中。

$("#MyElement").load("navigation.html");


<div id="MyElement"></div>

答案 1 :(得分:-1)

使用jquery ajax load

$( "body" ).load( "image.html", function() {
  alert( "Load was performed." );
});

答案 2 :(得分:-1)

答案是here。 Webpack可以使用html-loader interpolation选项来解决问题。