我想以模块化方式使用SASS。在下面的代码段中，您可以看到一种考虑组织页面布局的方法。
// file: some_page.scss
//
// I want some variables from the fonts, colors partials
// to be visible to the buttons partial
// Is it possible?
// error: _buttons.scss (Line X: Undefined variable: "$color_blue")
@import "colors"
@import "fonts"
@import "buttons"
// in file: _colors.scss
$color_blue: blue;
// in file: _buttons.scss
.button {
background-color: $color_blue;
}
是的，就是这样。
只要
_colors.scss在其他文件之前导入即可。您可以在此处查看Twitter Bootstrap到Sass的端口：https : //github.com/thomas-mcdonald/bootstrap-sass，它以类似的方式使用变量。