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

Question

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

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

出于性能原因（无cookie域），我们想切换它：

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

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

关于如何最好地实现这一点的任何想法？

Answer 1

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

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

http://staticimagedomain.com/main.css

然后您可以保留相对网址/images/bg.png，这可以在两个环境中正常运行。

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

Answer 2

在hosts文件中输入以将staticimagedomain.com重定向到localhost或测试页面的位置？

不是一个很好的解决方案，但又快捷方便。

Answer 3

添加其他明智的答案：有时候有两个样式表是有用的，一个用于生产其他用于开发，只有一些差异（例如：一些背景颜色）以帮助识别实例并防止混淆。您的构建部署脚本（Ant）将在生产时负责移动css文件。

如果你这样做（或者认为这样做很好），那么你的问题就会有一个简单的答案。