如何在SASS中使用环境变量?

时间:2017-06-17 12:48:30

标签: sass

如何在SASS中使用环境变量?

我的框架中有这些SASS文件:

Variables.scss
General.scss
Layout.scss
List.scss
Form.scss
Table.scss
All.scss

All.scss内,我只是包含了其他文件:

@import 'Variables';
@import 'General';
@import 'Layout'
@import 'List'
@import 'Form'
@import 'Table'

这存在于框架中。在其他项目A,B和C中,我希望能够使用它,并在必要时覆盖它们。因此,在项目C中,我有:

Variables.scss
List.scss
Form.scss
All.scss

如您所见,只有列表和表单需要稍微不同,通过Variables.scss中定义的颜色和填充和边距。

项目在物理磁盘上的方式是:

D:\Company\Framework\WebUi\Styles\
D:\Company\ProjectA\Web\
D:\Company\ProjectB\Web\
D:\Company\ProjectC\Web\
...

现在我希望能够重用Framework中的SASS个文件。由于这些路径仅在开发人员之间保持一致。从Company文件夹开始的机器,我们创建了一个环境变量:

CompanyProjectsRoot => D:\Company

现在,我需要在项目C的All.scss中编写类似的东西:

@import '%CompanyProjectsRoot\Framework\WebUi\Styles\All.scss';
@import 'Variables'
@import 'List'
@import 'Form'

但它不起作用。我可以在SASS文件中使用环境变量吗?

0 个答案:

没有答案