css - CSS ファイルを Ember.js のどこに配置しますか?

Question

アプリケーションにはいくつかのカスタムスタイル定義があります。現在、すべての開発者がにスタイルを追加していapp.cssます。しかし、私たちはそれを巨大なファイルにしたくありません。また、スタイルクラスを台無しにしたくありません。

カスタムスタイルをアプリケーションに配置するにはどうすればよいでしょうか。それを行うためのベストプラクティスはありますか? (すべてのガイド/ドキュメントの参照は大歓迎です。)

2 つ目の質問: 特定のルートまたはコンポーネントのスタイルを配置する場所はありますか?

更新:より具体的には、次のスタイルを特定のルートまたはコンポーネントのみに適用したいと考えています。

body {
  font-size: 13px;
}
table {
  table-layout: fixed;
}

score 3 · Accepted Answer

3

app/styles/css ファイルをディレクトリに追加できます。

例：

app/styles/app.css

于 2016-05-11T09:54:17.240 に答える

score 2 · Accepted Answer

あなたのコンポーネントについては、ember-component-cssはほぼ完璧です。あなたのルートについては、sass/less のようなプリプロセッサを使用すると、アプリに一致するスタイルのフォルダー構造を作成するのに役立ちます。

あなたはそれを行うことができます

app.scss/.less/.styl ファイル内

// app/styles/app.scss

@import 'routes/lovelanguage';

すべてのプリプロセッサへのリンクは次のとおりです。

3 に答える 3