css - LESS の使用: 縮小版と非縮小版の CSS をコンパイルする

Question

まず、LESS を縮小版と非縮小版の両方の CSS にコンパイルする simpLESS や LESS.app などのコンパイラを知っている人がいるかどうか尋ねてみましょう。または、これらのプログラムのいずれかを変更して、両方を保存する人がいます (1 つは運用用で、もう 1 つは開発用です)。

非常に大規模な Web サイトで作業しており、LESS を実装できるようになりました。これにより、多くの時間を節約できますが、ワークフローの変更も必要になります。似たようなことを経験した人が解決策を知っていることを願っていました。

また、LESSphp も見ていません...必要なものをコンパイルするためにローカルで構成する機会があるかもしれません。

ありがとう。

score 3 · Accepted Answer

SimpLESSには//simpless:!minify、LESSファイルに入れることによって縮小をオフにするフラグがあります。その後、別のLESSファイルをチェーンすることで、縮小化と非縮小化の両方を簡単に設定できます。ファイルは次のようになります。

main.min.less

Body{
    color:#000;
}

/*Here goes all your LESS, imports of other LESS files etc*/

main.less

//simpless:!minify
@import "main.less";

両方のファイルを簡単に監視できます。変更を加えると、両方のバージョンが再コンパイルされます。次に、main.css縮小されていないものと縮小されていないものを取得しmain.min.cssます。

1 に答える 1