Sass 不使用 angular-cli 编译
Sass not compiling with angular-cli
我正在尝试将 Sass 与 angular-cli 一起使用,但它不起作用。我收到以下错误:
EXCEPTION: Failed to load http://localhost:4200/app/app.component.sass
.
我已将 node-sass
添加到我的 package.json
,将 styleUrls
更改为 ['app.component.sass']
,并且还在 angular-cli.json
文件中设置了 "styleExt": "sass"
.
我是否遗漏了一些让它工作的东西?
显然,documentation 中有一个小错误。
styleUrls
不应使用 scss
或 sass
作为扩展名,而应使用 css
。将 ['app.component.sass']
替换为 ['app.component.css']
解决了问题。
实际上现在不合适,您可以使用 precompilers.You 创建您的项目,应该使用它来创建您的项目。
ng new my_project --style=sass
或者,如果您想使用 scss 语法,请使用:
ng new my_project --style=scss
我正在尝试将 Sass 与 angular-cli 一起使用,但它不起作用。我收到以下错误:
EXCEPTION: Failed to load http://localhost:4200/app/app.component.sass
.
我已将 node-sass
添加到我的 package.json
,将 styleUrls
更改为 ['app.component.sass']
,并且还在 angular-cli.json
文件中设置了 "styleExt": "sass"
.
我是否遗漏了一些让它工作的东西?
显然,documentation 中有一个小错误。
styleUrls
不应使用 scss
或 sass
作为扩展名,而应使用 css
。将 ['app.component.sass']
替换为 ['app.component.css']
解决了问题。
实际上现在不合适,您可以使用 precompilers.You 创建您的项目,应该使用它来创建您的项目。
ng new my_project --style=sass
或者,如果您想使用 scss 语法,请使用:
ng new my_project --style=scss