我想我必须在这里找到一些非常简单的东西。
全新安装angular-cli,用scss创建一个新站点。在全局style.scss中填写scss,在组件scss中填写一些scss。
在提供或构建时,这些CSS正在内联。他们没有被外部包括在内,这正是我所期望或需要的。
此外,组件级scss无法引用全局style.scss中的变量(这可能是我期待的其他内容)
但是如何使用scss生成外部css文件进行传递?
谢谢! 保罗
答案 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