html - 如何使用 @import 将多个 HTML 文件合并为一个，就像 Sass 和 css 一样？

Question

在 Sass 中，我们可以将多个部分组合成单个 css 输出，例如

@import "scss/header";
@import "scss/footer";
@import "scss/navigation";
@import "scss/sidebar";

进入

final.scss > final.css

是否有任何方法可以对原始 .HTML 文件(不是 .php 或 .asp)执行相同的操作，例如

@import "header.html";
@import "scss/footer.html";
@import "scss/navigation.html";
@import "scss/sidebar.html";

进入index.html

上面只是举例说明，我问的是什么

我知道我可以使用 php include 来做到这一点，但我想知道我是否可以只使用 .html 文件。我只想在我的 PC 上而不是在服务器上合并文件。

Answer 1

这在纯 HTML 中是不可能的。

要在客户端执行此操作，您必须使用带有 JavaScript 的 Ajax hackery 将文件拉入 DOM，我认为这会非常缓慢且容易出错。我认为没有人认真地这样做。显然，还有 iframe，但对于大多数用例来说，这同样不能令人满意。

由于您用“rubygems”标记了您的问题:如果您使用的是 Rails，则可以使用 partials为此目的在服务器端。