【发布时间】:2019-09-01 16:13:29
【问题描述】:
我想创建 mixin 函数并使用全局 SCSS 文件中的全局变量,而无需为我正在使用的每个 SCSS 文件导入文件。
我知道我可以手动将全局 SCSS 文件导入每个 SCSS 文件,然后使用“全局”mixn,但我不希望开发人员必须记住手动添加它每次他创建一个新的 SCSS 文件时。
我需要reactjs 的解决方案。
【问题讨论】:
我想创建 mixin 函数并使用全局 SCSS 文件中的全局变量,而无需为我正在使用的每个 SCSS 文件导入文件。
我知道我可以手动将全局 SCSS 文件导入每个 SCSS 文件,然后使用“全局”mixn,但我不希望开发人员必须记住手动添加它每次他创建一个新的 SCSS 文件时。
我需要reactjs 的解决方案。
【问题讨论】:
您只需将包含全局变量的global.scss 导入项目父目录,在react 的样板中它是App.js。
您现在可以将这些 scss 变量用于任何 scss 组件,而无需每次都导入 global.scss。
【讨论】:
@import './global-variables.scss'到组件的scss是不可能的。