私が使う
sass --watch scss:css
/css
(自分のディレクトリから) SCSS ファイルごとに Sass が自動的に CSS ファイルを作成する (そしてそれらをディレクトリに配置する) ようにします/scss
。
私のSCSSファイルには次のものがあります:
.foo::before {
content: "▶";
}
ブラウザで Web ページをテストすると、その "play" 文字は表示されません。代わりに、キャロンやその他のアクセントが付いた奇妙な文字がたくさん表示されます。
生成された CSS ファイルを調べたところ、最初の行で次のことがわかりました。
@charset "CP852";
次に、手動でこれを次のように変更しました。
@charset "UTF-8";
その結果、「再生」ボタンが正しくレンダリングされました。
では、なぜ Sass は文字セットを に設定するの"CP852"
でしょうか? SCSSファイルが実際にUTF-8でエンコードされていることを報告するPhpStormでSCSSファイルを作成しています(PhpStormのステータスバーに表示されます)。