Question

我使用ember-cli的pod结构按资源对JS和模板进行分组，这是一个巨大的进步。资源相关逻辑的最后遗迹是CSS（SCSS）文件，它们已经沿着类似于行的行分解，但仍然停留在app/styles中。

我的想法是将CSS文件移到名为style.css的每个pod中。我的问题是如何指示SASS（通过@import）指令和/或Broccoli，在pod中查找SCSS文件（可能有几个层次）并将它们编译成 appname 的CSS。

Answer 1

事实上，Erik Bryn刚刚在EmberConf宣布了他的ember-cli addon。不幸的是它还没有支持CSS预处理器，所以在他的插件进一步发展之前，你将不得不采用非pod方式组织样式...

Answer 2

我们创建了一个使用ember-cli-sass-pods（将自动安装）的新插件ember-cli-sass，并允许您生成样式scss文件并将其放入pod目录。

例如：

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

跑步

ember g style [path] -p

享受！