如何在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文件中使用环境变量吗?