仅为一个页面导入LESS文件

Question

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

例如

@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 代码将具有更大的字节数，但您可以为所有页面缓存相同的文件。