fis3-hook-relative
fis3-hook-relative copied to clipboard
同时使用csssprite和allInOne打包,会导致css代码的sprite不生效
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)}
还是 fis3 install zrender 吧, fis-components 里面的都是转换后了的。
没有啥一劳永逸的方法么