css - 更改 css 中的图像域/路径以进行生产？

Question

目前，对于背景图片之类的东西，我们的 css 文件没有指定域。这适用于我们的开发和生产环境。

background-image: url(/images/bg.png);

出于性能原因(无 cookie 域)，我们想切换为:

background-image: url(http://staticimagedomain.com/images/bg.png);

理想情况下，我们不会对这些进行硬编码，因此我们的开发环境仍然可以在本地进行拉取。

关于如何最好地实现这一点有什么想法吗？

Answer 1

我建议将 CSS 文件也托管在无 cookie 域中，而不仅仅是图像。然后您就可以使用相对路径，这在生产环境和任何其他环境中都适用。

如果将 CSS 文件部署到无 cookie 域:

http://staticimagedomain.com/main.css

然后您可以保留相对 URL /images/bg.png，这在两种环境下都可以正常工作。

CSS 文件无论如何都不需要 cookie。