web-dev-qa-db-ja.com

コンパスでlibsassを使用する

タイトル通りです。 50秒を超えるコンパイル時間は許容されません。それで、たとえば、コンパスマジック(スプライトミックスインなど)を含む単一の(部分的な)ファイルと、純粋なsassを含む残りのファイルを使用する方法はありますか?

私はlessに移行し(参照のインポート)、すべてのコンパスのトリックを追加のうなり声のタスクに置き換えることを検討していますが、sassの方が少ないよりも快適です。

thosetickets を見ましたが、コンパスを使用して単一のファイルをコンパイルし、残りをlibsassとマージする方法があることを望みました(私は時々sass 3.3構文を使用します) 、しかし、より良いコンパイル時間を得ることができれば、3.2に戻すことができます)。

誰かがそのような構成で成功しましたか?

17
Misiur

私たちの場合(> 100.000 LoCSS)、grunt-contrib-compassからの組み合わせに正常に移行しました

grunt-sass

Rubyバージョンの代わりにlibsassを使用しており、コンパスからすべての魔法を取得するために、

コンパス-ミックスイン

そしてそれはうまくいきました。ぜひお試しください。コンパイル時間が40秒以上から500〜600ミリ秒に短縮されました。


UPDATE 2

上記のlibをgrunt環境に自動的にインポートするノードモジュールは次のとおりです。

https://github.com/haithembelhaj/compass-importer

[〜#〜]更新[〜#〜]

Libsassへのポートを作成することは、明らかに作成者の心にあります: https://github.com/Compass/compass/issues/1916

35
stffndtz

これはsassファイル(scssではない)に対する答えです。常に区別してください

  1. シェルで実行bower install compass-sass-mixins
  2. Sassファイルを編集します@import "bower_components/compass-sass-mixins/lib/compass"

または

  1. シェルで実行npm i compass-sass-mixins
  2. Sassファイルを編集します@import "node_modules/compass-sass-mixins/lib/compass"

関数のリスト:https://github.com/askucher/compass-sass-mixins

1
Andrey Stehno