ウェブストーム Sass コンパイルの問題について話しましょう

この記事は、ウェブストーム下での Sass コンパイルの問題を紹介するために、webstorm 使用法チュートリアル コラムによって提供されており、一定の参考価値があり、皆様のお役に立てれば幸いです。

ウェブストーム下での Sass コンパイルの問題

saas は Ruby 環境で実行する必要があるため、Ruby 32 / 64 をインストールする必要があります

1. Ruby をインストールします

2. DOS コマンドで、ruby がインストールされているかどうかをテストします:ruby -v (Enter キーを押し、バージョン番号が表示されれば、ruby は正常にインストールされています)

3. sass コマンドをインストールします: gem install sass

4. sass が正常にインストールされたかどうかをテストします: sass -v (Enter キーを押し、バージョン番号が表示されれば、sass のインストールは成功です)

方法 1: CSS ファイル監視を行うための DOS コマンド Sass 変換

1. ファイル ディレクトリで、DOS コマンド ラインを開く方法: Shift キーを押しながら右クリック

2. コマンドラインに sass コマンドを入力して、sass ファイルを css ファイルにコンパイルします

sass style.scss mystyle.css
sass style.scss ../css/mystyle.css

モニタリングとコンパイル: Sass が変更されると、css ファイルも同時に変更されます

sass --watch style.scss:../css/mystyle.css

3. モニタリング Ctrl C を終了し、y

方法 2: Webstorm にはモニタリングが組み込まれています

1. きっぱり: IDE 環境を構成します:

IDE 設定 (場所: 設定 --> ツール --> ファイル ウォッチャー)

sass と css の場合 2 つのフォルダーにはそれぞれ scss と css が保存されます:

Arguments：--style expanded --no-cache --update $FileName$:../css/$FileNameWithoutExtension$.css

中国語コンパイル エラー: [漢字を含むファイル名とコメントは使用できません] ファイル

1, lib\ruby\gems\2.3 を見つけます。 0\gems\sass-3.4.22\lib\sass の 87 行目\importers\filesystem.rb

if name.index(@root + "/") == 0 修改为 if name.encode("utf-8",'gbk').index(@root + "/") == 0

2. 次の文を追加します @charset "UTF- 8"

以上がウェブストーム Sass コンパイルの問題について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。