angular-cli和scss被内联

时间:2017-04-25 11:05:04

标签: javascript css angular sass angular-cli

我想我必须在这里找到一些非常简单的东西。

全新安装angular-cli,用scss创建一个新站点。在全局style.scss中填写scss,在组件scss中填写一些scss。

在提供或构建时,这些CSS正在内联。他们没有被外部包括在内,这正是我所期望或需要的。

此外,组件级scss无法引用全局style.scss中的变量(这可能是我期待的其他内容)

但是如何使用scss生成外部css文件进行传递?

谢谢! 保罗

2 个答案:

答案 0 :(得分:1)

在angular-cli.json中找到"styleExt": "css"并替换为"styleExt": "scss"  然后添加" styles.scss" in" styles":[] into .angular-cli.json`

如果您想在组件使用中使用scss,例如styleUrls: ['app.component.scss']

为全局变量创建一个variable.scss并在所有其他scss文件中导入。

答案 1 :(得分:0)

尝试这样做:

"server:dev": "ng serve -e dev --port 9000 --progress --watch --open --ec=true",

添加' - ec = true'应该做的伎俩。 否则,您可以弹出angular-cli应用程序,并通过添加更多加载器手动配置webpack文件。 https://github.com/angular/angular-cli/wiki/eject