README

这是一个 Micrus 框架的模块，它允许您将其与 Assetic 资产管理 集成。

与其在页面上包含大量不同的 CSS 样式表和 JS 脚本，不如让 Assetic 将它们全部编译成一个，从而真正加快您的页面。

要安装此模块，打开文件 app/Config/modules.yml 并添加

 - Avris\Micrus\Assetic\AsseticModule

然后运行

composer require avris/micrus-assetic

同时，确保服务器可写入 web/assetic 目录。

Micrus Assetic 在 app/Asset 目录中查找资产，对其应用过滤器（如 CoffeeScript、Sass 或 Uglify），并将结果放入 /web/assetic 中，使用唯一的文件名以提升缓存。

您只需在 app/Config/config.yml 中配置一个过滤器列表和资产列表，然后将在模板中包含您生成的资产。

示例配置如下

assetic:
  filters:
    sass: [Sass\SassFilter /usr/local/bin/sass]     # new Sass\SassFilter('/usr/local/bin/sass')
    coffee: CoffeeScriptFilter                      # new CoffeeScriptFilter()
    uglifyCss: UglifyCssFilter
    uglifyJs: UglifyJsFilter
  assets:
    css:
      inputs:
        - lib/bootstrap.min.css
        - lib/font-awesome.min.css
        - lib/select2/select2.css
        - lib/select2/select2-bootstrap.css
        - lib/double-slider.css
        - [ sass/*, sass ]                          # take all the files in "sass" dir and apply "sass" filter to them
      filters: ?uglifyCss                           # filters with "?" are only applied in prod env
    js:
      inputs:
        - lib/jquery-2.1.3.min.js
        - lib/bootstrap.min.js
        - lib/select2/select2.min.js
        - lib/bootstrap.btn-number.js
        - lib/double-slider.js
        - [ coffee/* , coffee ]
      filters: ?uglifyJs
  statics:
    - [ lib/select2/select2x2.png, select2x2.png ]  # copy or link app/Asset/lib/select2/select2x2.png to web/assetic/select2x2.png
    - font/fontawesome-webfont.eot                  # copy or link app/Asset/font/fontawesome-webfont.eot to web/assetic/font/fontawesome-webfont.eot
    - font/fontawesome-webfont.svg
    - font/fontawesome-webfont.ttf
    - font/fontawesome-webfont.woff
    - font/fontawesome-webfont.woff2

它使用与 Assetic 的 Asset Factory 相同的数据格式，只是在 .yml 文件中，因此请查阅 Assetic 文档 以获取参考。

在 Twig 模板中使用资产就像这样简单

<link href="{{ asset(assets.css) }}" type="text/css" rel="stylesheet" />

<script src="{{ asset(assets.js) }}"></script>

版权

• 作者： Andrzej Prusinowski (Avris.it)
• 许可： MIT