我正在使用 ember-cli 的 pod 结构按资源对 JS 和模板进行分组，这是一个巨大的改进。与资源相关的逻辑的最后一个遗迹是CSS（SCSS）文件，它们已经沿着类似pod的行分解，但仍停留在app/styles中。
我的想法是将CSS文件移动到每个pod中，名称为style.css。我的问题是如何指示 SASS（通过 @import）指令和/或西兰花，在 pod 中查找 SCSS 文件（可能深几级）并将它们编译为 appname.css。
Erik Bryn 实际上刚刚在 EmberConf 上宣布了他的 ember-cli 插件，正是这样做的。不幸的是，它还不支持 CSS 预处理器，所以在他的插件进一步之前，你将不得不使用非 pod 的方式来组织样式......
我们创建了一个不错的插件ember-cli-sass-pods，它使用ember-cli-sass（将自动安装），并允许您生成样式scss文件并将其放入pods目录中。
例如：
app/login
app/login/route.js
app/login/template.hbs
app/login/style.scss
或组件：
app/components/login-box
app/components/login-box/component.js
app/components/login-box/template.hbs
app/components/login-box/style.scss
只需运行
余烬 G 样式 [路径] -p
享受！