如何从Sass样式表中仅导入变量和mixins？

CSS

Sam蛋蛋Itachi

2020-03-24

我正在使用Zurb Foundation 4（S）CSS框架，并且遇到了大量重复样式的问题。这是因为在每一个文件，我@import 'foundation'在，从基金会的所有样式也导入（对于规则body，.row，.button和朋友）。由于所有Zurb的样式都被声明为四到五次，因此这会导致SCSS编译时间较长，并且在Chrome中难以导航Web开发人员控制台。

为了减轻这种情况，我创建了一个globalsscss文件，其中包含Foundation使用的可覆盖变量（从中复制粘贴foundation_and_overrides.scss，然后foundation_and_overrides导入全局变量）。仅导入globals.scss文件仅在不使用Foundation mixins 的文件中消除重复。

在使用Foundation mixins的文件中：是否可以仅从SCSS文件中导入mixins，而不导入具体的Foundation样式？

第3352篇《如何从Sass样式表中仅导入变量和mixins？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共0个回答

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android