网络资产

编辑该页面

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

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

资源/公共/每个包的目录。

最佳实践

存储您的资产web /目录中。

散射网络资产的不同包更难以管理。你的设计师们的生活将会更容易如果所有的应用程序资产在一个位置。

模板也受益于集中你的资产,因为链接更简洁:

1 2 3 4 5 6 7
<链接rel=“样式表”href={{资产(“css /引导。最小值. css)}}/ ><链接rel=“样式表”href={{资产(css / main.css)}}/ >{#……#}<脚本src={{资产(“js / jquery。最小值. js)}}>< /脚本><脚本src={{资产(“js /引导。最小值. js)}}>< /脚本>

请注意

请记住,web /这里是一个公共目录和任何存储将公开访问,包括所有原始资产文件(例如Sass,越来越CoffeeScript文件)。

这些天,你可能无法创建静态的CSS和JavaScript文件,并将它们包括在您的模板没有太多的努力。相反,你可能会想结合,贬低这些改善客户端性能。你也可以少用或Sass(例如),这意味着你将需要一些方法来处理这些CSS文件。

很多工具来解决这些问题,包括pure-frontend non-PHP GruntJS等工具。

最佳实践

使用Assetic编译、结合和最小化网络资产,除非你像GruntJS舒适与前端工具。

Assetic是编制资产的资产管理能力等发达与很多不同的前端技术少,Sass CoffeeScript。把你所有的资产与Assetic是包装所有的资产与一个树枝标签:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
{%样式表“css /引导。最小值. css的css /主要。css的过滤器= ' cssrewrite ' = '输出css /编译/应用程序。css ' %}<链接rel=“样式表”href={{asset_url}}/ >{%endstylesheets%}{#……#}{%javascriptjs / jquery。最小值. js”“js /引导。最小值. js的输出= ' js /编译/应用程序。js ' %}<脚本src={{asset_url}}>< /脚本>{%endjavascripts%}

使用UglifyCSS / UglifyJS加速你的网站。你甚至可以压缩图片Assetic减少大小之前提供给用户。检查官方Assetic文档欧宝官网下载app了解更多关于所有可用的特性。


下一个:测试

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