结合,编译和最小化网络资产与PHP库

编辑该页面

警告:你浏览的文档欧宝官网下载appob娱乐下载Symfony 3.4,不再维护。

读这个页面的更新版本Symfob娱乐下载ony 6.2(当前的稳定版本)。

谨慎

从2.8 Symfony开始ob娱乐下载,Assetic不再包含在默认情况下在Symfony的标准版。指这篇文章学习如何安装和启用Assetic Symfony应用程序。ob娱乐下载

官方的推荐使用Assetiob娱乐下载c Symfony最佳实践管理网络资产,除非你是舒服的基于javascript的前端工具。

即使这些基于javascript解决方案是最合适的从技术的角度,使用纯PHP替代库可能是有用的在一些场景:

  • 如果你不能安装或使用npm和其他JavaScript解决方案;
  • 如果你喜欢限制在您的应用程序中使用的不同的技术;
  • 如果你想要简化应用程序部署。

在本文中,您将学习如何结合,减少CSS和JavaScript文件和如何使用php编译Sass文件与Assetic库。

1 2
美元作曲家需要leafo / scssphp美元作曲家需要拼凑/ jsqueeze

main.css和main.js)。这个设置的推荐目录结构是这样的:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21日22日23日24
web /资产/├──css│├──主要。css│└──code-highlight。css├──js│├──引导。js│├──jquery。js│└──主要。js└──scss├──引导│├──_alerts。scss│├──……│├──_variables。scss│├──_wells。scss│└──mixin│├──_alerts。scss│├──……│└──_vendor-prefixes。scss├──引导。scss├──font-awesome│├──_animated。scss│├──……│└──_variables。scss└──font-awesome.scss< /code>

scssphpAssetic过滤器:

  • YAML
  • XML
  • PHP
1 2 3 4 5 6
# app / config / config.ymlassetic:过滤器:scssphp:格式化程序:“Leafo \ ScssPhp \格式化程序\压缩”#……

的值格式化程序选项是格式化程序的完全限定类名使用的滤波器产生编译后的CSS文件。使用压缩格式化程序将最小化结果文件,无论常规CSS文件或原始文件SCSS文件。

接下来,添加更新你的树枝模板{%样式表%}标签由Assetic定义:

1 2 3 4 5 6 7 8 9 10 11 12 13
{# app /资源/视图/ base.html。树枝#}< ! DOCTYPEhtml><html><头>< !——……- - >{%样式表输出过滤器= " scssphp " = " css /应用程序。css”“资产/ scss /引导。scss”“资产/ scss / font-awesome。scss”“资产/ css / *。css“%}<链接rel=“样式表”href=”{{asset_url}}”/ >{%endstylesheets%}

这个简单的配置编译、结合和贬低SCSS文件到一个常规的CSS文件web / css / app.css。这是唯一的CSS文件,你的访客。

jsqueezeAssetic过滤器如下:

  • YAML
  • XML
  • PHP
1 2 3 4 5
# app / config / config.ymlassetic:过滤器:jsqueeze:~#……

接下来,更新你的嫩枝的代码模板添加{% javascripts %}标签由Assetic定义:

1 2 3 4 5 6 7 8 9 10 11 12
< !——……- - >{%javascript过滤器= "吗?jsqueeze”output="js/app.js" "assets/js/jquery.js" "assets/js/bootstrap.js" "assets/js/main.js" %}< /span><脚本src=”{{asset_url}}”>< /脚本>{%endjavascripts%}< /身体>< /html>

这个简单的配置结合所有的JavaScript文件,最小化的内容并保存输出web / js / app.js文件,哪个是你的访客。

领先的吗?字符jsqueeze过滤器的名字叫Assetic时才应用过滤器不在调试模式。在实践中,这意味着您将看到unminified文件而发展和最小化文件刺激环境。

这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。