Edited at

windows + gulp 環境で sassをコンパイル ⇒ 日本語が文字化け

More than 3 years have passed since last update.

gulpでsassをコンパイルしていて、ふと気が付くと font-family の日本語部分が文字化けしている。

どうやらWindows環境でRuby製のツールを使おうとすると、デフォルトエンコーディングがUTF-8じゃないため、文字化けしてしまうらしい。

ターミナルでコンパイルのコマンドを入力するときは、

set RUBYOPT=-EUTF-8

と打ってからコンパイルすればよいらしい。

【参考】

* SASSファイルをWindowsコマンドプロンプトから文字化けさせずにコンパイルする方法

* WindowsでEncoding.default_externalをUTF-8にするには

だけど gulpからコンパイルしている場合はどう設定してやればよいものやら。。

途方に暮れていたら見つけた!

システム環境設定から指定すればOK!

「ユーザの環境変数」でも「システム環境変数」でもどちらでOK。

変数名: RUBYOPT

変数値: -EUTF-8

いけた!いけた!

文字化け解消されました。

以下のサイトの記事を見つけ、助けられました。感謝。

SASSでCOMPASSのWINDOWS -31Jエラーが出たときの対応(RUBY 2.0向けかも)