css 访问自定义变量文件中的现有引导变量

5sxhfpxr  于 2022-12-01  发布在  其他
关注(0)|答案(1)|浏览(117)

如果我在自定义的./variables.scss文件之后导入/boostrap/scss/_variables.scss文件,为什么我不能访问原始_variables.scss文件的现有全局变量?由于Bootstrap经常使用级联变量赋值,这是一个问题,因为当我预先包括自定义文件时,所有变量都是未定义的。
这是我目前正在做的事情,因为Bootstrap文档声明:

// Custom Variables
@import 'variables';
// Variables
@import 'bootstrap/scss/variables';

如果我想能够访问/boostrap/scss/_variables.scss文件的变量,正确的方法是像这样的重复导入吗?

// Variables
@import 'bootstrap/scss/variables';
// Custom Variables
@import 'variables';
// Variables
@import 'bootstrap/scss/variables';
7fhtutme

7fhtutme1#

将有一个包含所有其他引导文件的引导文件,因此只包括下面列出的这个文件,然后调用变量.scss文件。

@import“../节点模块/引导程序/scss/引导程序”;
@import“变量.scss”//自定义scss文件

有关更多信息,请访问:https://getbootstrap.com/docs/5.2/customize/sass/

相关问题