目前,对于背景图片之类的东西,我们的 css 文件没有指定域。这适用于我们的开发和生产环境。
background-image: url(/images/bg.png);
出于性能原因(无 cookie 域),我们想切换为:
background-image: url(http://staticimagedomain.com/images/bg.png);
理想情况下,我们不会对这些进行硬编码,因此我们的开发环境仍然可以在本地进行拉取。
关于如何最好地实现这一点有什么想法吗?
最佳答案
我建议将 CSS 文件也托管在无 cookie 域中,而不仅仅是图像。然后您就可以使用相对路径,这在生产环境和任何其他环境中都适用。
如果将 CSS 文件部署到无 cookie 域:
http://staticimagedomain.com/main.css
然后您可以保留相对 URL /images/bg.png
,这在两种环境下都可以正常工作。
CSS 文件无论如何都不需要 cookie。
关于css - 更改 css 中的图像域/路径以进行生产?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2783474/