sass文件import文件引起的background地址编译错误


先给出文件结构:


 css
-app
--b.scss
js
-utils
--images
--a.scss

比如,你有一个组件 a.scss ,该文件中有背景图的样式:


 css


 /*a.scss*/
.box { background:url('images/test.png') no-repeat;}

b.scss 需要导入 a.scss 样式:


 css


 /*b.scss*/
@import "../../js/utils/a";

导入后,编译 b.scss ,会得到


 css


 .box { background:url('images/test.png') no-repeat;}

这个结果肯定是不对的,你不可能在 css 目录中找到 images 目录,因为不存在的。
请问,你们如何解决这个问题?使用 compass 么?

相关链接: https://github.com/sass/sass/issues/1015

sass web前端开发 css

悪魔尛宅侽 9 years, 10 months ago

比较笨的方法,你可以设置a的background url 从根目录找起~这样大家就没冲突了,

O...TL answered 9 years, 10 months ago

Your Answer