CSS中的图像路径来支持CDN

前端之家收集整理的这篇文章主要介绍了CSS中的图像路径来支持CDN前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将我们的图像部署到cdn.目前,CSS对我们网站上的图像有相对的路径.这些路径将需要支持CDN图像位置.有没有人有这方面的建议?

或者如果有人有一个很好的教程来部署到CDN.

这就是我最后完成的.

>我用SASS – http://sass-lang.com/
>我有一个名为cdn.scss的内容,如$image_path:“/ images /”;
>在sass样式中导入该mixin @import“cdn.scss”
>更新图像路径:background:url($image_path“image.png”);
>在部署时,我将更改mixin.scss中的$image_path变量,然后重新运行sass

UPDATE

我们使用bash来更新文件

cat > preprocess/sass/_cdn.scss <<EOT
\$image_path: "//CDN_URL/";

_cdn.scss中的示例代码

$image_path: "/public/images/";

然后它默认在本地工作,但在生产推送,我们运行bash脚本来更新使用cdn位置

解决方法

可能最简单的事情是在CDN上托管您的图像和CSS文件.您的CSS文件中的图像路径相对于CSS文件本身,因此您根本不必更改CSS.

如果这不是一个选择,那么你将把完全限定的URL放在样式表中.现在,如果你真的想,你可以动态地生成你的CSS文件,并执行一些替换,所以你实际上不需要硬编码CDN在表格中.

猜你在找的CSS相关文章