仅为一页导入 LESS 文件

Question

我有主 all.less 文件，其中包含所有其他 less 文件

例如

@import "scaffolding.less";
@import "type.less";
@import "code.less";
@import "grid.less";
@import "homepage.less";

所以我的问题是。

是否可以只在主页获取"homepage.less"（在all.less中导入）。

请注意，我不想将其直接附加到 html 文件中。

谢谢

Answer 1

这似乎不可能直接实现，因为所有 less 在被提供给页面之前最终将被编译为 css。为此目的，您可能需要创建一个名为 all_homepage.less 的单独文件？

Answer 2

在您的主页上使用：

<body class="homepage">

然后在你的 Less 文件中：

.homepage {
  @import "homepage.less";
}

以上仍然将所有代码编译到一个文件中。您编译的 CSS 代码将有更多字节，但您可以为所有页面缓存相同的文件。

Answer 3

如果您的主页是单独的 html 文件，那么您应该在其中包含单独的 css 文件。

我建议您重新考虑您的设计。因为看起来你的 css 代码不是那么可重用。 Here 是一本非常好的免费书籍，可以教您概念。

Import LESS file only for one page