如何加载 Laravel _variables.scss

Posted 2023-03-14

【中文标题】如何加载 Laravel _variables.scss

【英文标题】：how to load Laravel _variables.scss

【发布时间】：2018-06-11 14:05:41

【问题描述】：

我更改了 _variables.scss 中的一些值

 $brand-primary: #0040c0;
 $brand-info: #8eb4cb;
 $brand-success: #2ab27b;
 $brand-warning: #cbb956;
 $brand-danger: #bf5329

很遗憾，我的观点并未反映这些变化。 如何显示所做的更改？

我尝试运行 dump_autoload 并清空了我的浏览器缓存。

【问题讨论】：

如果使用 chrome，您是否尝试过以隐身模式运行代码？其他浏览器也有类似的私有模式。试试看。

【参考方案1】：

在导入引导文件之前，您需要在 app.scss 文件中导入这些变量，如下所示：

@import "variables";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

然后你需要运行：

npm run dev

要编译资产并假设您在网站的某处使用app.css，您应该会看到更改（显然假设是最简单的情况 - 如果您对文件进行版本控制或将多个文件编译成具有其他名称的文件，则可能会复杂得多）