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

最佳实践

将资产存储在web /目录中。

将你的网络资产分散在几十个不同的捆绑包中会让你更难管理它们。如果所有应用程序资产都在一个位置，那么设计师的工作就会轻松得多。

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

1 2 3 4 5 6 7

<链接rel＝“样式表”href＝＂{{资产(“css /引导。最小值. css)}}＂/><链接rel＝“样式表”href＝＂{{asset('css/main.css')}}＂/>{#……＃}<脚本src＝＂{{资产(“js / jquery。最小值. js)}}＂>脚本><脚本src＝＂{{资产(“js /引导。最小值. js)}}＂>脚本>

请注意

请记住web /是一个公共目录，存储在这里的任何东西都是公共可访问的，包括所有原始资产文件(例如Sass, LESS和CoffeeScript文件)。

最佳实践

使用Assetic来编译、组合和最小化web资产，除非你对GruntJS这样的前端工具很熟悉。

Assetic是一个资产管理器，能够编译使用许多不同前端技术开发的资产，如LESS, Sass和CoffeeScript。将你所有的资产与Assetic结合起来就是用一个Twig标签包装所有的资产:

12 3 4 5 6 7 8 9 10 11 12 13 14 15

{%样式表“css /引导。最小值.css' 'css/main.css' filter='cssrewrite' output='css/compiled/app.css' %}<链接rel＝“样式表”href＝＂{{asset_url}}＂/>{%endstylesheets%}{#……＃}{%javascriptjs / jquery。最小值. js”“js /引导。最小值.js' output='js/compiled/app.js' %}<脚本src＝＂{{asset_url}}＂>脚本>{%endjavascripts%}

使用UglifyCSS / UglifyJS加快您的网站。你甚至可以压缩图片使用Assetic来减小它们的尺寸，然后再将它们提供给用户。请查看官方astic文档欧宝官网下载app以了解更多有关所有可用功能的信息。