2

みなさん、こんにちは！

私のSassプロジェクトは次のようになります：

Project
├── sass/
│   ├── bootstrap/
│   │   ├── ...
│   │   ├── _bootstrap.scss
│   ├── mymodule/
│   │   ├── submodules/
│   │   ├── _mymodule.scss /*with only @import from submodules/ */
|   └── main.scss /* various styles & @import bootstrap, mymodule */
└── stylesheets/
    └── main.css

私はすべての変更を監視しようとしています：

  • mymoduleフォルダー全体
  • main.scssで

そして、私が行った変更でstylesheets/main.cssのみを変更します。

私が書いたすべてのコマンドは、mymodule.cssまたは他のscssファイル/フォルダーを生成しました。

sassとは何ですか-これを行うために注意してください？

よろしくお願いします！

アレクシス

4

1 に答える 1

4

あなたは完全にコンパスを使うべきです！ 

コンパスとは

Compassは、すべてのSASSコーダーに必須のツールです。コンパスは2つの部分で構成されています。

  • SASSのメタフレームワーク。
  • Compassプロジェクトのコンパイルやその他の便利な作業に使用されるコマンドラインツール。

compass watchコマンドはまさにあなたが探しているものです。次のいずれかに変更を保存すると、CSSが再コンパイルされます。

  • フォルダ内のすべての非部分ファイルsass（あなたの場合はそれだけmain.scssです）;
  • 上記のいずれかによって（再帰的に）インポートされたすべての部分。

インポートされないパーシャルは無視されます。

Compassは、部分的でないファイルごとに個別のCSSファイルを作成します。パーシャルに関しては、非パーシャル内に組み込まれているため、個別のCSSファイルとして表示されません。

ばかばかしいほど短いインストールガイド

以下が機能するには、RubyとRubyGemsが必要です。おそらくあなたはすでにそれらを持っています。

コンパスの使用を開始するには、次の手順を実行します。

  1. RubyGemsを使用してCompassをインストールしますgem install compass。
  2. プロジェクトのルートにファイルを作成しcompass.rbます（あなたの場合はProject/compass.rb）。
  3. 実行compass watchしてコーディングを開始します。

config.rbファイルの例

これがあなたのために働くかもしれない最小限のcompass.rbものです： 

css_dir =   "stylesheets"
sass_dir =  "sass"
于 2013-03-23T09:23:16.393 に答える