fis3-hook-relative icon indicating copy to clipboard operation
fis3-hook-relative copied to clipboard

同时使用csssprite和allInOne打包,会导致css代码的sprite不生效

Open urrrich opened this issue 8 years ago • 3 comments

fis-conf.js

// 启用插件
fis.hook('relative');

// 让所有文件,都使用相对路径。
fis.match('**', {
  relative: true
})

fis.match('::package', {
  postpackager: fis.plugin('loader', {
    allInOne: true
  })
});

fis.match('::package', {
  spriter: fis.plugin('csssprites')
})

// 合成雪碧图
fis.match('*.css', {
  useSprite: true
});

编译后的css代码:

.icon1{background-image:url(../img/1.png?__sprite)}
.icon2{background-image:url(../img/2.png?__sprite)}
.icon3{background-image:url(../img/3.png?__sprite)}

urrrich avatar Jul 05 '16 01:07 urrrich

还是 fis3 install zrender 吧, fis-components 里面的都是转换后了的。

2betop avatar Jan 28 '16 11:01 2betop

没有啥一劳永逸的方法么

nfjBill avatar Jan 29 '16 02:01 nfjBill