首页 文章

angular-cli和scss被内联

提问于
浏览
1

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

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

当服务或 Build 时,这些CSS被内联 . 它们不是外部包含的,这是我所期望或需要的 .

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

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

谢谢!保罗

2 回答

  • 1

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

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

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

  • 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

相关问题