@import更高效的sass替代品

Question

我发现了@import has performance implications。但是我文件顶部的所有sass文件@import和global-constants.scss都可以重复使用几个变量来处理颜色和其他属性，这样我就可以从一个地方更改主颜色等。

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

编辑：在进一步思考这个问题后，我注意到编译后从我的sass文件生成的css文件没有import语句，并且所有变量都呈现为正确的css值。所以我可能不会遇到任何性能问题，我的猜测。

Answer 1

当您在SCSS中使用@import时，它会尝试包含整个文件并将其发送到浏览器（如果您将其配置为仅返回一个CSS文件或缩小，则更好）。这样，它更干净，更好：

1. 输出中没有@import。
2. 使用@import拆分源代码，保持模块化。

摘要：由于@import而没有性能问题。