ember.js - 我们在哪里存储 css 样式和 Ember CLI Pods 应用程序？

Question

我正在阅读 http://www.ember-cli.com/#stylesheets其中说:

Ember CLI supports plain CSS out of the box. You can add your css styles to app/styles/app.css and it will be served at assets/application-name.css.

是否有我应该遵循的文件夹结构约定？就像是:

app/styles/application.css
app/styles/users/index.css
app/styles/users/new.css
etc

或者是将所有自定义 css 存储在 app.css 中的约定?

将其应用于 Pods 应用程序时，是否应特别考虑？

Answer 1

我们开发了附加组件，可让您将 sass 文件放在 pods 目录中!

试一试:

https://github.com/DudaDev/ember-cli-sass-pods

假设您有联系人路由和联系人框组件。

生成常规路由和组件:

ember g route contacts -p
ember g component contact-box -p

然后，使用 ember-cli-sass-pods power 并生成样式:

ember g style contacts -p
ember g style components/contact-box -p

你很棒的文件结构是:

app/

app/contacts
app/contacts/route.js
app/contacts/template.hbs
app/contacts/style.scss

app/components/
app/components/contact-box
app/components/contact-box/component.js
app/components/contact-box/template.hbs
app/components/contact-box/style.scss