Css 如何减少@import而不使用@import？

我用的更少了。从Google PageSpeed我了解到，在CSS文件中使用

@import

会阻碍网站速度。因此，我想从CSS中排除任何

@import

内容。我有两个不同的样式表

reset.css

，和

rebuild.css

——为了避免

@import

，我将它们的所有代码复制到我的主样式表中。因此，我的网站的真正风格低于许多代码，这是一个问题。因此，我需要这两个样式表将

@导入
样式.less
（主样式表）文件，这样，当我使用WinLESS将它们编译为纯
样式.css
时，它们实际上不会生成任何@import。当我将
styles.less
编译成
styles.css
时，我希望它们以物理方式插入style.css

我想要
样式。少一些像：

@import('reset.css');
@import('rebuild.css');

/* SITE STYLES HERE */

但是希望呈现的
styles.css
为：

code from reset.css
code from rebuild.css

/* THEN, SITE STYLES HERE */

我正在使用WinLESS从LESS编译CSS文件，而不是直接将
.LESS
与JavaScript一起使用，而是仅使用
样式.CSS
。
您可以在LESS文件中使用
导入
语句。它将包含在结果css文件中（插入css代码）

阅读有关winless的更多信息（单击导入
）

例如：
无样式：

@import('other.less');
.myOtherClass {
    // other rules
}

其他.减：

.myClass {
    // rules
}

使用winless（或任何其他less编译器）编译后；result.css：

.myClass {
    // rules
}
.myOtherClass {
    // other rules
}

您可以在less文件中使用
import
语句。它将包含在结果css文件中（插入css代码）

阅读有关winless的更多信息（单击导入

）

例如： 无样式：

@import('other.less');
.myOtherClass {
    // other rules
}

其他.减：

.myClass {
    // rules
}

使用winless（或任何其他less编译器）编译后；result.css：

.myClass {
    // rules
}
.myOtherClass {
    // other rules
}

最简单的方法是：

@import (less) 'reset.css';
@import (less) 'rebuild.css';

/* SITE STYLES HERE */

最简单的方法是：

@import (less) 'reset.css';
@import (less) 'rebuild.css';

/* SITE STYLES HERE */

---

如果您在LESS文件中使用

@import

，它将自动为您包含它，并编译它，这样您将在生成的

.css

文件中看到整个代码，而不是

@import

。所以你应该得到你想要的，而且你做得很好。再次检查它，如果它不包括整个代码，则可能是配置不同或有错误。如果您在LESS文件中使用

@import

，它将自动为您包括它，并编译它，因此，您将在生成的

.css

文件中看到整个代码，而不是

@import

。所以你应该得到你想要的，而且你做得很好。再次检查它，如果它没有包含整个代码，那么要么是配置不同，要么是出现错误。它工作正常。谢谢我使用的是PHPStorm，它在文件上显示了一个红色的错误符号，虽然编译做得很好，工作也很好，但我只是担心错误符号，这仅仅是PHPStorm的一个缺陷，无法理解LESS-like

（LESS）

？我没有安装PHPStorm，所以老实说，我不确定。但最有可能的是，它看起来只是无法自己解释这个语法。太棒了！有没有记录这种行为的地方？@BiAiB-See。它工作正常。谢谢我使用的是PHPStorm，它在文件上显示了一个红色的错误符号，虽然编译做得很好，工作也很好，但我只是担心错误符号，这仅仅是PHPStorm的一个缺陷，无法理解LESS-like

（LESS）

？我没有安装PHPStorm，所以老实说，我不确定。但最有可能的是，它看起来只是无法自己解释这个语法。太棒了！有没有记录这种行为的地方？@BiAiB-See。