📜  ng config defaults.styleExt=scss (1)

📅  最后修改于: 2023-12-03 15:03:10.427000             🧑  作者: Mango

Angular CLI: 使用 SASS 样式表

如果你正在开发一个 Angular 应用,并且想要使用 SASS 样式表,你可以使用以下命令来设置默认样式扩展名:

ng config defaults.styleExt=scss

由于默认情况下,Angular CLI 使用的是 CSS 样式表,因此你必须明确告诉它使用 SASS 样式表。

这个命令将会在你的项目的 .angular-cli.json 文件中设置 styleExt 属性为 scss,这样在创建一个新的组件时,Angular CLI 会自动为你创建一个 styles.scss 文件作为该组件的样式表。

注意:如果你已经创建了你的 Angular 应用,你需要手动编辑 .angular-cli.json 文件并将 styleExt 属性的值设置为 scss

现在,你可以在你的组件模板和样式表中使用 SASS 语法来创建自定义的样式了!