skillberto/less-css-bundle

此包提供了Less CSS JavaScript的集成

安装: 25

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 2

分支: 0

公开问题: 0

类型:symfony-bundle

dev-master 2014-02-13 21:29 UTC

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/