README

此模块将资产合并为单个文件。

示例用法

Css::fe()->add( '/bower_components/dropzone/dist/min/dropzone.min.css', 'dropzone' );
Css::fe()->add( '/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css', 'tagsinput' );
Css::fe()->add( '/css/jquery-ui-1.10.3.custom.min.css' );
Css::fe()->add( '/css/main.css' );

JS::footer()->add( 'bower_components/bootstrap/dist/js/bootstrap.min.js', 'bootstrap' );
JS::footer()->add( 'bower_components/metisMenu/dist/metisMenu.min.js', 'metisMenu' );
JS::footer()->add( 'bower_components/dropzone/dist/min/dropzone.min.js', 'dropzone' );
JS::footer()->add( 'bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.js', 'bootstrap-tagsinput' );
JS::footer()->add( 'bower_components/typeahead.js/dist/typeahead.bundle.js', 'typeahead.js' );

//JS::footer()->add( 'bower_components/typeahead.js/dist/bloodhound.js', 'bloodhound.min.js' );
JS::footer()->add( 'js/main.js', 'main' );

在你的模板中添加以下内容

<link rel="stylesheet" href="/css/index">

配置

在配置中，你可以定义资产组的起始路径。例如，对于 CSS，你可以定义。

<?php
return array(
    'default' => array(
        'dir' => 'css',
        'cached' => false, # should cache asset, disabled for development
    ),

    'frontend' => array(
        'dir' => ''
    ),

    'backend' => array(
        'dir' => 'admin/css'
    ),

);

Css

或任何可用的 CSS 动作。为资产预定义了组。在 Css 中，是 ::fe() 用于前端，路径 /css/index，::be() 用于后端资产，路径 /css/admin，以及 ::fePrint() 用于打印样式表，路径 /css/print。

对于自定义键，定义了路径 /css/get/:id，它检索正确的键。例如，/css/get/test 将检索 Css::instance('test') 的组合资产。

Js

它有不同预定义的键。JS::footer 用于合并页脚脚本。你可以在放置它的位置使用它。

<script src="/scripts/footer"></script>