html添加manifest离线缓存
安装
npm install fis-postpackager-manifest 使用
//fis3配置 .match('::package', { postpackager: fis.plugin('manifest',{ imgAttr:['data-webporiginal','src'], //检测页面中img属性包括图片地址,默认src webP:['jpg', 'png', 'jpeg'], //开启记录webp格式,例如:***.png ***.png.webp, 参数为数组开启支持的类型,如果为true所有图片格式都打开,默认为false cacheFile: ['2016FXFestival'], //开启要添加缓存的文件夹下的文件,或指定文件 默认全局缓存 ignoreFile: ['recruitArtist'] //过滤不缓存的文件夹下的所有文件,或指定文件 注:cacheFile开启后,ignoreFile不建议开启 }) })
此插件会查找所有的html文件,过滤出html中的css,script,img,内嵌css中的background-image的路径,并缓存生成 文件名+".appcache"的缓存文件,在html文件相同路径下,并且在html中动态插入appcache;
(欢迎反馈BUG,方便提升插件的质量)
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。