如何把CSS中的图片自动部署到CDN上

html-css011

如何把CSS中的图片自动部署到CDN上,第1张

主要是处理CSS中的图片,统一转化图片的路径为相对于站点的根目录,并且按图片名字、尺寸、内容重命名图片,方便缓存的自动清理。

gulp-cdn-service主要是对gulp-custom-css-urls输出的图片进行上传至CDN处理。目前只支持上传到七牛的CDN。该模块还有一个特点就是,对于已经上传的图片不会再次进行上传,提高项目构建发布的速度。

你可以把CSS文件放到head标签的最上面(先于js)试试。另外,你的jQM框架的引用文件是使用了CDN还是本地文件?CDN的话可能是网络延迟太大造成的,其次,浏览器解析代码都是从上到下的顺序,写在前面的先解析。最后,如果是你的css不能加载进来,那有可能是缓存问题

用了cdn之后小程序打不开操作步骤提醒:

1、打开登陆百度云加速,进入控制台,然后点加速图标,进入加速设置页面。

2、进入之后,依次点击“安全功能”-“WAF”,然后看到最后一项“防盗链”,把它关闭就可以了。对普通网站来说这项功能基本没什么用,所以直接关闭即可。

3、重新打开小程序检查一下,还没有恢复,重新加载一下小程序就可以了,如上图所示,很快就可以恢复正常。