这是我第一次使用Symfony,所以我不知道我是否搞砸了所有东西或什么东西,但显然我似乎无法在我的项目中使用指南针。
这是我的scss文件上的内容:
@import "compass";
@import "compass/css3";
@import "compass/utilities/sprites";
@import "icons/*.png";
@include all-icons-sprites;
而且我在编译de sass时没有看到任何错误,但是找不到图标,并且生成的CSS类似于:
.icons-sprite, .icons-icon01, .icons-icon02 {
background: url("/images/icons-sf92f9256db.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
在我的config.yml文件中,我有以下内容:
assetic:
debug: "%kernel.debug%"
use_controller: false
filters:
cssrewrite: ~
sass: ~
compass:
bin: '/usr/bin/compass'
apply_to: "\.scss$"
http_path: /
images_dir: %kernel.root_dir%/../src/Es/DolceVitaBundle/Resources/assets/images
generated_images_path: %kernel.root_dir%/../web/images
http_generated_images_path: /images
parameters:
assetic.filter.compass.images_dir: %kernel.root_dir%/../src/Es/DolceVitaBundle/Resources/assets/images
assetic.filter.compass.http_path: /images
我的图标文件夹(以及我想用于精灵的原始png文件)位于/ Myprojectfolder / src / src / Es / DolceVitaBundle / Resources / assets / images
/ Myprojectfolder / src / web / images中的文件夹为空
编辑:
更多信息:我做了app / console资产:dump --watch和css文件生成良好
我的样式表是这样添加的:
{% stylesheets output='css/*.css' filter="compass"
"@EsDolceVitaBundle/Resources/assets/scss/style.scss"
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
好吧,显然有些问题了,也许是缓存,但是我其余的配置还可以。我做了其余的CSS并评论了图标部分,工作了一天后,我没有评论再次查看该问题,并且精灵显示得非常完美。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句