【问题标题】:Import SCSS globally for react using node-sass全局导入 SCSS 以使用 node-sass 做出反应
【发布时间】:2019-09-01 16:13:29
【问题描述】:

我想创建 mixin 函数并使用全局 SCSS 文件中的全局变量,而无需为我正在使用的每个 SCSS 文件导入文件。

我知道我可以手动将全局 SCSS 文件导入每个 SCSS 文件,然后使用“全局”mixn,但我不希望开发人员必须记住手动添加它每次他创建一个新的 SCSS 文件时。

我需要reactjs 的解决方案。

【问题讨论】:

    标签: reactjs sass node-sass


    【解决方案1】:

    您只需将包含全局变量的global.scss 导入项目父目录,在react 的样板中它是App.js

    您现在可以将这些 scss 变量用于任何 scss 组件,而无需每次都导入 global.scss

    【讨论】:

    • 我试过了,但它不起作用...我在应用程序目录文件中创建了一个 global.scss 并将其导入到 app.scss 中。在构建时,我收到一条错误消息,提示找不到 mixin 函数。你能举个简单的例子吗?
    • 我认为你不会@import './global-variables.scss'到组件的scss是不可能的。
    猜你喜欢
    • 1970-01-01
    • 2019-08-21
    • 2020-07-12
    • 1970-01-01
    • 2016-07-09
    • 2019-01-20
    • 2018-12-18
    • 2017-04-24
    • 2022-08-10
    相关资源
    最近更新 更多