スタイルシート（Rails）のSCSS定数

Question

/app/assets/stylesheetsにあるすべてのscssファイルに含まれる色のリストがたくさんあります。私はapplication.css.scssにそれを含めようとしましたが、運はありません。

Answer 1

何を行うには：

• あなたはlayouts/application.html.erbにアクセスしたい色でcolors.scssファイルを作成します。

• 場所colors.scssをapp/assets/stylesheets/partials/sharedとする。これは必須ではありません。私はちょうど整理されるのが好きです。

• application.css.scss内にはファイル@import "partials/shared/colors".が含まれていますが、アセットパイプラインが知っているファイル拡張子を追加する必要はありません。

• （オプション）require_treeディレクティブを削除します。このディレクティブを削除して@importに依存すると、前処理されたスタイルシート（例：* .css.scss）が表示される順番でスタイルを読み込むことができます。

あなただけやった：

stylesheet_link_tag 'application'application.html.erbで宣言されたが、デフォルトでapplication.css.scssを探しています。 Asset Pipelineに、application.html.erbテンプレートを使用するビューで使用するように指示しました。これで、各ビューは指定した色にアクセスできます。

その他のリソース： APにはいくつか深いダイビングがあります。私はそれらをチェックアウトすることをお勧めします。ここに私が役に立つと思ったものがいくつかあります。

Rails Guides

Secrets of the Asset Pipeline