如何将几个html文件合并为一个页面？

Question

我有一个（很多）太大的html文件超过1500行。我想将它拆分成几个文件并合并它们。它更易于维护和阅读。

例如。

第1页：

<h1> Title 1 <h2>
<div> my div </div>

2页：

<h1> Title 2 <h2>
<div> my div </div>

然后合并并显示：

page.html中

<h1> Title 1 <h2>
<div> my div </div>
<h1> Title 2 <h2>
<div> my div </div>

这样，我可以更改一个模块并轻松找到它。

是否有纯HTML或JS库？ 在.Net中，它将是局部视图。我正在使用Bootstrap，标签和模态。所以Iframe不是解决方案。 谢谢，

斯特凡。

Answer 1

如果你唯一关心的是整理文件而你使用的是基于UNIX的系统（Linux，iOS），你只需在shell中输入命令cat * > output.html并将所有文件放在一个output.html中。

如果您计划创建一个网站，其中不仅包括连接HTML文件，还包括各种其他步骤（缩小，CSS前缀，SASS-＆gt; CSS转换等），您可以使用Grunt或Gulp构建过程。有例如一个grunt-contrib-concat插件，可用于您的确切用例。