在css中更改图像域/路径以进行生产?

Nei*_*eil 4 css dns

目前,对于像背景图像这样的东西,我们的css文件没有指定域.这适用于我们的开发和生产环境.

background-image: url(/images/bg.png);
Run Code Online (Sandbox Code Playgroud)

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

background-image: url(http://staticimagedomain.com/images/bg.png);
Run Code Online (Sandbox Code Playgroud)

理想情况下,我们不会硬编码,因此我们的开发环境仍然可以在本地进行.

有关如何最好地实现这一点的任何想法?

Dan*_*llo 6

我建议在无cookie域中托管CSS文件,而不仅仅是图像.然后,您将能够使用相对路径,这将在生产和任何其他环境中都有效.

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

http://staticimagedomain.com/main.css
Run Code Online (Sandbox Code Playgroud)

然后,您可以保留相对URL /images/bg.png,这将在两个环境中正常工作.

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