8

大きなプロジェクトで sass/compass を使用する予定です。一部のチーム メンバーは単純な css を使用でき、他のメンバーはまだ scss を記述できる可能性はありますか?

私が正確に知りたいのは、コンパス/sassがscssをリッスンしてcssを変換すると同時に、cssファイルをリッスンしてscssファイルの変更を元に戻す方法です?

4

5 に答える 5

21

可能ですが、理想的ではありません。あなたの最善の策は、ターミナルを開いて実行することです

sass-convert --from css --to scss

スタイルがあるディレクトリに移動し、そこからリファクタリングします。それは苦痛であり、真の「回心」ではありません。適切にネストしようとし、通常はうまくいきますが、コードをリファクタリングせず、ミックスイン、エクステンド、変数などを使用していない場合、そもそも SASS を使用する目的が無効になります。

これを自動化するには、Guardなどを使用して css ファイルの変更を監視することをお勧めします。メイン スタイル (sass がコンパイルするスタイル) も監視していないことを確認する必要があります。これにより、終わりのない変換ループに陥ることになります!

于 2012-05-17T14:53:40.823 に答える
15

コンパスをインストールするためのコマンドを使用する

gem install compass

このコマンドを実行します。これにより、定義されたディレクトリでcssファイルがスキャンされ、scssファイルに変換されます。

sass-convert -R my_css_dir --from css --to scss

次に、このコマンドを実行します

compass watch

これにより、scssファイルの変更が監視され、それらがcssファイルに自動的に変換されます。

于 2012-12-07T08:24:37.607 に答える
6

いいえ、または少なくとも、簡単ではありません。SCSS は通常の CSS と完全に互換性があり、CSS にコンパイルされますが、その逆ではないため、ソース ファイルは CSS または SCSS のいずれかにする必要があります。

それでも、それはプロジェクトによって異なります。2 人のメンバーがプロジェクトの 2 つの完全に別々の部分に取り組んでいるとします。個別のファイルを使用でき、SCSS または CSS で作業することを選択できます。それらのファイルは、メインの SCSS ファイルに含めるか、ビルド スクリプトと一緒にマージするか、本番環境で個別に保持することもできます。それは問題ありません。

それでも、問題が発生したときに簡単にお互いをカバーできるように、すべてのチーム メンバーが同様の方法で作業することを常に望んでいます。

于 2012-05-17T10:32:02.210 に答える
3

この種のサービスを提供する次の Web サイトを確認できます。

https://css2sass.herokuapp.com

 ______________| CSS | SASS | SCSS |
| CSS          |  -  |   X  |   X  |
| Minified CSS |  X  |   X  |   X  |
| SASS         |  X  |   -  |   X  |
| SCSS         |  X  |   X  |   -  |
于 2012-12-06T15:46:17.567 に答える
2

私はこれのためのツールを書きました:) http://sebastianpontow.de/css2compass

ただし、これは実際には開始するためのツールにすぎません。常に出力を確認し、重要な部分を書き直す必要があります。出力は、scss コードを記述するのに最適な方法ではない可能性があります。

于 2014-08-05T09:57:14.747 に答える