skillberto / less-css-bundle
此包提供了Less CSS JavaScript的集成
dev-master
2014-02-13 21:29 UTC
Requires
- php: >=5.3.3
- symfony/symfony: >=2.1
Suggests
- leafo/lessphp: 0.3.*@dev
This package is not auto-updated.
Last update: 2024-09-14 12:47:58 UTC
README
===================
此包初始化Less.js到Symfony2框架
===================
设置
app/AppKernel.php
:
警告!
命名空间已从 Less\CssBundle\LessCssBundle
更改为 Skillberto\LessCssBundle\SkillbertoLessCssBundle
。
此声明已过时: new Less\CssBundle\LessCssBundle()
正确
...
new Skillberto\LessCssBundle\SkillbertoLessCssBundle(),
...
在控制台中运行
assets:install
assetic:dump
使用less css JavaScript
<script src="{{ asset('bundles/lesscss/js/less-1.3.3.min.js') }}"></script>
或者(从包中)
{% javascripts
'@LessCssBundle/Resources/public/js/*'
%}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
在此模式下,您可以包含您的 .less 文件,例如:style.less 'css'
<link rel="stylesheet/less" href="{{ asset('YOURBUNDLE/css/style.less') }}" />
但此模式不安全。更好的方法是将其复制到 web/css/
文件夹中,然后从该文件夹包含,或使用此其他方法。
其他方法:Assetic过滤器方法
为此,您必须使用Node或某种PHP或其他脚本。
使用Node
#...
assetic:
filters:
cssrewrite: ~
less:
node: /usr/local/bin/node
node_paths: [/usr/local/lib/node_modules]
apply_to: "\.less$"
...
使用PHP
例如,一个好的方法是使用 leafo/lessphp
将其放入 composer.json
...
"require": {
...
"leafo/lessphp": "0.3.*@dev"
}
...
更新composer,并将其放入 app/config/config.yml
#...
assetic:
#...
filters:
lessphp:
file: %kernel.root_dir%/../vendor/leafo/lessphp/lessc.inc.php
apply_to: "\.less$"
现在,您可以使用hood中的assetic过滤器使用它
{% stylesheets 'path/to/files.less' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
在控制台中运行
assets:install
assetic:dump
公开数据将在 web
目录中,.less编译为.css
您可以在以下链接中找到此文档,以及其他信息
http://dividebyze.ro/178/how-to-use-less-css-and-symfony-2-in-harmony/