3

私は Symfony2 で Assetic アセット管理と共に LESS を使用しています。

filters:
    cssrewrite: ~
    less:
        node: /usr/bin/node
        node_paths: [/usr/lib/node_modules]

Twitter Bootstrap を使用してアプリケーションを構築しています。各 .less ファイルで Bootstrap vars/classes を使用して、アプリケーションの特定のモジュール用に独自のカスタム定義を作成したいと考えています。

だから私は、例えば：

{% stylesheets filter="cssrewrite, less" output="css/less_compiled.css"
    'bundles/mopabootstrap/bootstrap/less/bootstrap.less'
    'bundles/mybundle/less/module1.less'
    'bundles/mybundle/less/module2.less'

%}<link href="{{ asset_url }}" rel="stylesheet">{% endstylesheets %}

ここで、module1.less と module2.less で Bootstrap の変数とクラスを使用したい場合は、各モジュール ファイルに @import [bootstrap_less_file] を追加する必要があります。あまり弾力的ではなく、各ファイルにブートストラップ定義が重複している原因になります。

必要なすべてのファイルをインポートしてからコンパイルする .less "index" ファイルを 1 つ作成できることはわかっていますが、elastic/symfony2/bundles アプローチではありません。

[編集済み:] {% stylesheet %} セクションのすべてのファイルをマージしてから、より少ないフィルター/コンパイラーに送信する解決策があるかどうか知りたいです。

助けてくれてありがとう。

4

1 に答える 1

3

LESS 1.5 を実行している場合

LESS の最新バージョンでは、参照としてのみインポートを実行できます。したがって、これはブートストラップを使用する少ないファイルで...

@import (reference) bootstrap.less;

...ミックスインなどとして使用できるようにしますが、コードを css にコンパイルしません (コードの重複を回避します)。

于 2013-11-15T00:00:52.827 に答える