Question

我正在尝试使用Angular Dart设置sass，但我有点迷茫，找不到2016年以后的文档（很好）

我目前具有以下结构：

但是我无法引用main.css文件，因为找不到该文件，并且如果在组件中放置了类似这样的文件 intercept

webdev serve命令失败

我的pubscpec是

mvn dependency:tree -Dverbose

我无法弄清楚出了什么问题以及应该使用的结构

我应该放入顶级组件main.scss（或编译器main.css），并且不设置任何其他文件引用，还是应该在每个组件中都包括它？还有当我运行webdev serve时如何生成此编译文件

谢谢，阿列克西

Answer 1

因此，styleUrls的引用应始终是已编译的CSS，而不是Sass文件。而且，Ulls需要相对于文件或软件包格式。因此，要么是“ main.css”，要么是“ package：your_project / assets / sass / main.css”

我还建议不要使用单独的资产目录。我倾向于在组件旁边找到sass文件，以便于维护。

默认情况下，AngularDart也具有样式封装；表示CSS默认情况下不会泄漏到组件之外。鉴于此，我发现最好在该组件本地放置CSS，并使其紧邻该组件。您会发现这是角度组件和图库上的图案。

关于组件和图库的小注释。他们使用样式style.scss.css而不是style.css，这违反了Sass的约定。其背后的原因是为了使我们能够快速分辨出CSS文件的来源。是手写的还是来自Sass的。这可以通过在build.yaml文件中进行不同的设置来实现。我认为您不应该在您的项目中这样做。