angular - 在 Angular 中使用 Bulma scss 变量,变量不会改变
问题描述
我的 Angular 资产文件夹中有 Bulma scss,然后我将其导入到我的 styles.scss
@import "./assets/bulma-scss/bulma.scss";
@import "./assets/bulma-scss/utilities/initial-variables.scss";
@import "./assets/bulma-scss/utilities/functions.scss";
$primary: red !default;
body {
padding: 50px;
}
然后我从我的 html 组件中调用它:
<div class="container">
<button class="button is-large is-primary">Test Button</button>
</div>
我期望的结果是按钮是红色的,但它没有改变颜色。
我是不是忘记了什么?
解决方案
对于 Angular CLI 应用程序,所有启动配置都发生在 .angular-cli.json 文件中。在该文件中,您会找到一个样式数组,我们可以在其中添加我们想要添加到项目中的任何 CSS / SCSS 文件。您还将找到一个脚本数组,如果需要,您可以在其中添加内容。
因此,请确保您的 angular-cli.json 文件具有样式数组中引用的 styles.scss 路径。
推荐阅读
- java - 覆盖子类中的父方法。子方法不做任何事情
- google-apps-script - 使用身份验证从 Dialogflow 向 Appscript 发送请求
- javascript - 使用 React 的计时器应用程序:每次渲染后都会清除 setInterval
- jmeter - 如何为线程组中的单个请求实现 10tps 吞吐量
- python - 使用 BeautifulSoup 从网站中抓取每个元素
- c# - 如何处理 System.Windows.Media.Brushes
- python - 为什么 f-strings 格式不适用于 Pandas DataFrames?
- angular - 如何在使用 Angular innerHtml 时保持样式?
- php - PHP 警告:ftp_login():先用 USER 登录
- wix - 错误“系统管理员已设置策略以阻止此安装”,同时使用 perUser 安装实施 MSI 包