无法覆盖sass变量

时间:2018-04-14 09:18:57

标签: webpack vue.js sass sass-loader

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

1 个答案:

答案 0 :(得分: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标志,这意味着只有在......之前或之后没有类似的引用时才会使用该引用。 / p>

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