Изменение изображения домена / путь в 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.

Answer 2

Чтобы добавить к другим разумным ответам: Иногда полезно иметь две таблицы стилей, один для производства, другой для разработки, с несколькими отличиями (например, некоторые цвета фона), чтобы помочь визуально идентифицировать экземпляры и предотвратить путаницу. Ваш скрипт развертывания сборки (Ant) позаботится о перемещении файлов css при запуске в производство.

Если вы делаете это (или думаете, что было бы хорошо это сделать), тогда ваш вопрос имеет тривиальный ответ.

Answer 3

Запись в файле hosts для перенаправления с staticimagedomain.com на localhost или откуда отправляются ваши тестовые страницы?

Не лучшее решение, но быстрое и простое.