Css 仅为一页导入较少的文件

Css 仅为一页导入较少的文件,css,less,Css,Less,我有mainall.less文件,其中包括所有其他less文件 e、 g 所以我的问题是 是否可以仅在主页中获取“homepage.less”(将其导入all.less) 请注意,我不想将其直接附加到html文件中 感谢这似乎不可能直接实现,因为所有less最终将被编译为css,然后再提供给页面。可能您需要创建一个单独的文件,其名称类似于all\u homepage.less,用于此目的?在您的主页上使用: <body class="homepage"> 上面的代码仍然编译在一个文

我有main
all.less
文件,其中包括所有其他less文件

e、 g

所以我的问题是

是否可以仅在主页中获取
“homepage.less”
(将其导入
all.less

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


感谢

这似乎不可能直接实现,因为所有
less
最终将被编译为
css
,然后再提供给页面。可能您需要创建一个单独的文件,其名称类似于
all\u homepage.less
,用于此目的?

在您的主页上使用:

<body class="homepage">

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

如果您的主页是单独的html文件,则应在其中包含单独的CSS文件


我建议你重新考虑你的设计。因为您的css代码似乎不是那么可重用。这是一本非常好的免费书籍,可以教你这些概念。

你在生产中使用的
。更少的
文件?这不是最好的主意-关键是在实际情况下将它们呈现给css,这意味着在handhandno之前我在main.css中编译all.less文件,这就是为什么我在一个html页面中附加homepage.less时遇到问题,因为在all.less中导入它会在所有页面中呈现,不仅仅是在主页中,为什么您希望每个页面都有自己的css文件?这里的想法是为整个站点缓存站点的css,因此页面之间的加载时间很快。如果你想把每个页面都分开,那么你的css写得很糟糕,你没有正确地重用你的任何样式。我建议你看看你的css,问问自己为什么你的“homepage.less”文件包含这么多独特的代码,而不是重复使用网站上已有的代码。如果你有特定的PSD文件,并且你的客户希望你严格遵循该设计,你就不能使用通用样式。在我的情况下,主页完全不同于其他页面。嗯,在这种情况下,我必须为每个页面创建单独的css文件,我想附加一个单独的less文件,并在相应的css中编译相应的less文件,这是一个好主意吗?可能是,这取决于您拥有的页面数量。使用一个主要的大型css文件(缓存)在所有页面和第二个较小的CSS文件(带有每页代码)上,您将需要两个http请求。当您合并所有相同的文件时,您只需要一个http请求,但必须加载更多的字节。在大多数情况下,最后一个选项是最快的。只有当每页都有大量的
代码时,加载更多字节的速度才会比额外的http请求慢。我的客户提供了特定的设计,在我的情况下,主页与其他页面完全不同。另外,仅仅改变设计并不能解决问题,所以我想知道这是否可能。顺便说一句,谢谢你的回答,我认为这是目前最好的解决方案。
<body class="homepage">
.homepage {
  @import "homepage.less";
}