Question

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

e.g。

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

所以我的问题是。

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

请注意，我不想直接在html文件中附加它。

谢谢

Answer 1

在您的主页上使用：

<body class="homepage">

然后在你的Less文件中：

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

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

Answer 2

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

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

Answer 3

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