角度省道-使用sass文件

我正在尝试使用角镖设置sass，但我有点迷路了，无法找到2016年以前的文档（一个好的文档）

我目前的结构如下：

但是，我不能引用main.css文件，因为找不到它，如果在组件中放置了类似的内容

styleurl:['lib/assets/sass/main.scss']

webdev-service命令失败

我的pubscpec是

dependencies:
  angular: ^5.0.0
  angular_components: ^0.9.0
  bootstrap_sass: any

dev_dependencies:
  angular_test: ^2.0.0
  sass_builder: ^2.1.1
  build_runner: ^0.10.0
  build_test: ^0.10.2
  build_web_compilers: ^0.4.0
  mockito: ^3.0.0
  test: ^1.3.2

我不知道哪里出了问题，也不知道应该使用什么结构

我应该把我的顶级组件main.scss（或编译器main.css）放进去，不设置任何其他文件引用，还是应该在每个组件中都包含它？还有，当我运行webdev服务时，如何生成这个编译文件

谢谢，

---

Alexi

因此样式URL的引用应该始终是已编译的css，而不是Sass文件。此外，URL需要与文件或包格式相关。所以要么是“main.css”要么是“package:your_project/assets/sass/main.css”

我还建议不要有单独的资产目录。我倾向于将sass文件放在组件旁边更易于维护

AngularDart默认也有样式封装；这意味着默认情况下CSS不会泄漏到组件之外。考虑到这一点，我发现最好让CSS位于该组件的本地，并位于该组件的旁边。你会发现这是角组件上的图案，和图库

---

关于组件和库的一个小说明。他们使用模式style.scss.css而不是style.css，这打破了Sass的惯例。其背后的原因是，我们可以快速判断CSS文件的来源。这是手写的，还是出自萨斯。这是通过在build.yaml文件中使用不同的设置来实现的。我认为你不应该为你的项目这么做。

谢谢你的解释。我想一直都是错的：）它工作得很好。谢谢你，特德