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

html-css012

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

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

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

cdn相当于一个服务器集群,相对来说在不同的地方用不同的服务器用户端资源加载速度可能快一点,而且不占主服务器带宽,而且可以同时加载资源,我觉得应该是这样理解的。

像背景图片这个只要你放到cdn上,css指定网址到cdn的图片路径,是可以实现加速的。