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

藏色散人
リリース: 2021-12-31 15:43:33
転載
2236 人が閲覧しました

この記事は、ウェブストーム下での 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート