Windows上のSASS（SCSS）でUTF-8を使う方法（Invalid Windows-31J characterエラーが出る場合の対処）

Windows 環境で CSS プリプロセッサ「SASS（SCSS）」使用時に、

Error: Invalid Windows-31J character "\xXX"

というエラーが出る場合の対処方法のメモです。

ここでは、コンパイル後の CSS を UTF-8 エンコーディングで出力する前提とします。

対処方法は色々ありますが、とりあえずペペっと解決するなら、次の3つの方法が手軽でしょう。

• 対処1：sass コマンド使用時に「-E utf-8」オプションを指定する
• 対処2：Compass のプロジェクトファイル「config.rb」で「Encoding.default_external = 'utf-8'」を指定する。
• 対処3：scssファイルの先頭に「@charset "UTF-8";」を指定。
  （※@charset は先頭に記述します。その前に1文字も記述してはいけません。）

対処1の応用になりますが、NetBeans から Sass を使っている場合は、CSSプリプロセッサのコンパイラオプションとして「-E utf-8」を指定してやるのが良いでしょう。

また、そもそも論になりますが、Sass に限らず Windows 上で Ruby 系ツールを使う場合のエンコーディングを UTF-8 化するには、Windows の「chcp 65001」コマンドを使う回避策もあるようです。

• WindowsでEncoding.default_externalをUTF-8にするには - すがブロ

若干、無理矢理感はありますが、どうにもダメだと使う機会もありそうな予感はします。