fis-spriter-csssprites icon indicating copy to clipboard operation
fis-spriter-csssprites copied to clipboard

请问同时有less文件和编辑器自动编译出的css文件,在config文件中配置雪碧时,没有成功!

Open xuyongtao opened this issue 11 years ago • 5 comments

例如:在static下,我有index.less和编辑器自动编译的css文件,我在配置文件中得配置如下:

fis.config.set('modules.spriter', 'csssprites');
fis.config.set('settings.spriter.csssprites.margin', 10);
 fis.config.set('roadmap.path', [{
    reg: '**.css',
     useSprite: true
 }]);

或则是只有less文件,然后配置如下也不成功

fis.config.set('roadmap.path', [{
    reg: '**.less',
     useSprite: true
 }]);

求解答

xuyongtao avatar Dec 30 '14 16:12 xuyongtao

  • 你需要按照fex-team/fis-spriter-csssprites文档进行编写你的css或者less
  • 编写完了后,还需要在编译的时候加上-p,来使FIS调起csssprite功能。
  • 如果再不成功,贴代码或者给示例吧。

oxUnd avatar Dec 30 '14 23:12 oxUnd

1.less和编译后css文件都正确加?__sprite 2.release时有加--pack 3.栗子 image image image

xuyongtao avatar Dec 31 '14 06:12 xuyongtao

image

xuyongtao avatar Dec 31 '14 06:12 xuyongtao

你使用的是fisp,所以你设置roadmap.path的时候不能使用fis.config.merge因为fisp已经内置了一份roadmap.path,数组merge会出现混乱的情况;这个问题将会在下一个版本升级时处理掉;

你可以尝试使用

fis.config.get('roadmap.path').unshift({
   ....
}, {
   ....
});

oxUnd avatar Jan 02 '15 13:01 oxUnd

thank you so much!

xuyongtao avatar Jan 02 '15 16:01 xuyongtao