标签:
设置规则的配置接口:
fis.match(selector, props);
1.添加md5戳:对 js、css、png 图片引用 URL 添加 md5 戳:
fis.match(‘*.{js,css,png}‘, { useHash: true });
2.js压缩:使用fis-optimizer-uglify-js 插件,已内置
fis.match(‘*.js‘, { optimizer: fis.plugin(‘uglify-js‘) });
3.CSS压缩:使用fis-optimizer-clean-css 插件,已内置
fis.match(‘*.css‘, { optimizer: fis.plugin(‘clean-css‘) });
4.图片合并
对 CSS 中,路径带 ?__sprite 的图片进行合并,如:
li.list-1::before { background-image: url(‘./img/list-1.png?__sprite‘); } li.list-2::before { background-image: url(‘./img/list-2.png?__sprite‘); }
配置:
// 启用 fis-spriter-csssprites 插件 fis.match(‘::package‘, { spriter: fis.plugin(‘csssprites‘) }) // 对 CSS 进行图片合并 fis.match(‘*.css‘, { // 给匹配到的文件分配属性 `useSprite` useSprite: true });
标签:
原文地址:http://www.cnblogs.com/tinyphp/p/4971397.html