Javascript 使用node.js将repetitiv HTML片段导入到其他HTML文件中_Javascript_Html_Node.js

Javascript 使用node.js将repetitiv HTML片段导入到其他HTML文件中

javascript html node.js

Javascript 使用node.js将repetitiv HTML片段导入到其他HTML文件中,javascript,html,node.js,Javascript,Html,Node.js,我有一个包含多个html页面的Node.js项目。我想降低每个文件中代码片段的重复性，例如，头标记/片段在每个文件中保持不变，带有标题和一些css样式表等我希望我的index.html文件看起来像这样 import head.html <body> <div> <p>hello world!</p> </div> </body> import footer.html <!DOCTYPE html

我有一个包含多个html页面的Node.js项目。我想降低每个文件中代码片段的重复性，例如，头标记/片段在每个文件中保持不变，带有标题和一些css样式表等

我希望我的index.html文件看起来像这样

import head.html

<body>
  <div>
    <p>hello world!</p>
  </div>
</body>

import footer.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>test</title>
  <link rel="stylesheet" type="text/css" href="/static/css/stylesheet.css">
</head>

<footer>
  *some div with copyright stuff*
</footer>

import head.html
你好，世界
导入footer.html

head.html文件看起来像这样

import head.html

<body>
  <div>
    <p>hello world!</p>
  </div>
</body>

import footer.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>test</title>
  <link rel="stylesheet" type="text/css" href="/static/css/stylesheet.css">
</head>

<footer>
  *some div with copyright stuff*
</footer>


测试

footer.html看起来像这样

import head.html

<body>
  <div>
    <p>hello world!</p>
  </div>
</body>

import footer.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>test</title>
  <link rel="stylesheet" type="text/css" href="/static/css/stylesheet.css">
</head>

<footer>
  *some div with copyright stuff*
</footer>


*一些有版权的人*

如何使用节点实现此功能？

使用。我是你的粉丝，但还有很多选择

这和你假设的版本非常相似

{% include "html.html" %}

<body>
  <div>
    <p>hello world!</p>
  </div>
</body>

{% include "footer.html" %}

您可能想使用或使用修女作为一个