私はSymfony2でウェブサイトを構築していて、このようにLessを使用しています
index.html.twig:
{% stylesheets
'@AcmeWebappBundle/Resources/public/css/website.less'
filter='?yui_css'
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
config.yml:
assetic:
filters:
lessphp:
file: %kernel.root_dir%/../vendor/lessphp/lessc.inc.php
apply_to: "\.less$"
今、ファイルwebsite.less
は大きく成長していたので、次のように別のファイルに分割することにしました。
{% stylesheets
'@AcmeWebappBundle/Resources/public/css/mixins.less'
'@AcmeWebappBundle/Resources/public/css/general.less'
'@AcmeWebappBundle/Resources/public/css/tasks.less'
'@AcmeWebappBundle/Resources/public/css/notes.less'
filter='?yui_css'
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
このファイルには、他のファイルで使用するmixins.less
すべてのものが含まれていmixins
ます。
問題は、でミックスインを参照した場合notes.less
、それが認識されないことです。これは、コンパイル中のファイル内でのみミックスインをアセットが検索するためだと思います。ちなみに、私はnode.jsではなくlessphpを使用しています。
どうすれば問題を解決できますか?mixins.lessファイルで宣言されたmixinsを使用して異なるLessファイルを作成するにはどうすればよいですか?