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

最佳实践

存储您的资产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文件)。

最佳实践

使用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了解更多关于所有可用的特性。