Css @为sass导入更高性能的替代方案

Css @为sass导入更高性能的替代方案,css,sass,Css,Sass,我发现,@import。但是,我的所有sass文件都将导入文件顶部的全局常量.scssaglobal constants.scss,以重用颜色和其他属性的多个变量,以便我可以从一个位置更改主颜色等 在sass中是否有更高效的方法重用变量 EDIT:进一步考虑后,我注意到编译后从sass文件生成的css文件没有import语句,所有变量都作为正确的css值呈现。因此,我猜我可能不会遇到任何性能问题。当您在SCS中使用@import时,它将尝试包含整个文件并将其发送到浏览器(如果您将其配置为仅返回一

我发现,
@import
。但是,我的所有sass文件都将导入文件顶部的全局常量.scssa
global constants.scss
,以重用颜色和其他属性的多个变量,以便我可以从一个位置更改主颜色等

在sass中是否有更高效的方法重用变量


EDIT:进一步考虑后,我注意到编译后从sass文件生成的css文件没有import语句,所有变量都作为正确的css值呈现。因此,我猜我可能不会遇到任何性能问题。

当您在SCS中使用
@import
时,它将尝试包含整个文件并将其发送到浏览器(如果您将其配置为仅返回一个CSS文件或缩小),效果会更好。这样,它更干净、更好:

  • 输出中没有
    @import
  • 使用
    @import
    拆分源代码,保持模块化

  • 摘要:没有性能问题,因为
    @import

    当您在SCS内使用
    @import
    时,如果您已将其配置为仅返回一个CSS文件,它将尝试包含整个文件并将其发送到浏览器。这样,它就更干净更好了。@PraveenKumar我注意到我的css文件是在编译后从我的sass文件生成的,没有import语句,所有变量都作为正确的css值呈现。所以我猜我可能不会遇到任何性能问题。你的想法是什么?作为一个答案加入,伙计<代码>:)