首页 文章

无法覆盖sass变量

提问于
浏览
0

我在我的项目中使用库'keen-ui' . lib使用sass来定义样式 . 我想覆盖这种风格 . 我将sass加载器连接到我的项目并且它工作正常,但问题是sass加载器在keen-ui的标准'variables.scss'之前加载我的文件'variables.scss',所以它不会覆盖变量 . 有人可以提出一种在标准后加载我的自定义'variables.scss'的方法吗?

1 回答

  • 0

    也许您可以直接从.scss主文件导入依赖项,并自行选择顺序 . 例如:

    @import '.node_modules/Keen-UI/src/styles/utils;
    @import 'my-variables';
    @import '.node_modules/Keen-UI/src/styles/variables;
    @import '.node_modules/Keen-UI/src/styles/mixins;
    @import '.node_modules/Keen-UI/src/styles/components;
    

    我曾经这样导入Bootstrap,所以我可以对框架组件进行一些控制,并确保只导入我实际使用的组件 .

    但是你的问题可能是别的,因为似乎来自Keen-UI的变量都有 !default 标志,这意味着只有在......之前或之后没有类似的引用时才使用引用 .

    https://github.com/JosephusPaye/Keen-UI/blob/next/src/styles/variables.scss

相关问题