ruby-on-rails-3.1 - Rails 3.1 の SCSS ファイルで @charset ディレクティブとマニフェストの両方を使用するにはどうすればよいですか

Question

Rails 3.1でマニフェストメソッドを使いたい

 /*
  *= require_self
  *= require_tree .
  */

ただし、エンコーディング ディレクティブも指定する必要があります。

 @charset "UTF-8";

これらは両方とも解釈される最初の行にある必要があるようですが、1つだけが解釈されます。したがって、charset ディレクティブを取得するか、Sprockets マニフェストを取得します。

どうすれば両方を取得できますか?

Answer 1

Sprockets のrequire@charset "UTF-8";ディレクティブを使用しない必要な css/sass ファイルに配置するだけで、application.css の先頭に正しくコンパイルされます ( CSS 連結で @charset を処理するを参照) 。

UPD: 別のアプローチは@charset "UTF-8";、Sprockets コメントの直後に追加することです。とにかく、Sprockets はそれを切り取り、ページの上部に挿入します。

Answer 2

ナッシュの答えは、ある時点でうまくいったかもしれませんが、私にはうまくいきませんでした. コメントにutf-8文字を追加して、Sprocketsをだまして文字セットをutf-8に設定する必要がありました。

// é

ソース: https://github.com/sstephenson/sprockets/issues/220

Answer 3

UPD: もう 1 つの方法は、@charset "UTF-8" を追加することです。Sprockets のコメントの直後。とにかく、Sprockets はそれを切り取り、ページの上部に挿入します。

これは私にとってはうまくいきました。require_self も必ず含めてください。始める前に、私の application.css にはこれが含まれていなかったため、 @charset = "UTF8"; を取得していませんでした。

最終結果は次のようになりました。これについて他の誰かが壁に頭をぶつけた場合に備えて:

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require <your other requires go here>
*/
@charset "utf-8";