application.cssをapplication.css.sassに変更することはできますか？

私はapplication.cssファイルをsassファイルに変更し、必要なファイルをすべて取得するために@importを使いたいと思います。次に、application.css.sassをページ固有のsassファイルに@ importする必要があります。これはすべての開発に美しく動作しますが、私はHerokuの上の生産ENVにプッシュするとき、私はこのエラーを取得：application.cssをapplication.css.sassに変更することはできますか？

Error compiling CSS asset 
Sass::SyntaxError: File to import not found or unreadable: application

application.css.sass：

@import "reset" 
@import "typography" 
@import "buttons" 
@import "junk" 

$yellow: #f0f090 
$orange: #f89818 
$blue1: #184898 
$blue2: #4888c8 

body 
background: ... 
... 
/* all the rest of the app-wide styling */

uniquePage.css.sass ：私は0123呼び出すapplication.cssは異なるものを必要とするページのその後

@import "application" 
/*page specific styling*/

!!! 5 
%html 
    %header  
    = stylesheet_link_tag "uniquePage"

出典

2011-10-12 Lee Quarella

Then I guess the question becomes, how do I make different manifest files for different css sets?

いくつかの方法がありますO次の操作を行います。ページのシーツ

これは、あなたが今やっていることですが、私は、アプリケーションとユニークなページの両方で@importsを使用して、少し異なるシートを整理しますパー

1。（ユニークなページにアプリケーションをインポートするのではなく）。

2.あなたは、そのページの変更だけで第二のシートを持つことができるだけでそれらのページ

ための第二のシートを使用してください。すべてのページにアプリケーションシートがあり、必要な変更だけで2番目のタグがユニークページに追加されます。これにより、追加のHTTPリクエストが発生します。

3.余分なCSSはかなりのものである場合を除き、あなたのCSS

を再編成、あなたのメインのファイルにコードを含めるようにリファクタリングしたほうが良いかもしれません。ユニークなページのbodyタグに余分なクラスを追加し、それを使用するページのCSSを調整するのは簡単です。

メンテナンスに役立つユニークなページ用のファイルにそのCSSを配置し、@メインファイルにインポートすることもできます。一般的なルールとして

、CSSの変更が充実していない限り、私はオプション1

出典

2011-10-13 17:47:35