Пути к изображениям в CSS для поддержки CDN

Я пытаюсь развернуть наши образы на компакт-диске. В настоящее время CSS имеет относительные пути к изображениям на нашем сайте. Эти пути должны поддерживать расположение образа CDN. Есть ли у кого-нибудь совет, как я могу это сделать?

Или, если у кого-нибудь есть хорошее руководство по развертыванию в CDN.


Вот как я закончил это.

  1. Я использовал SASS - http : //sass-lang.com/
  2. У меня есть миксин cdn.scss с содержанием вроде $ image_path: "/ images /";
  3. Импортируйте этот миксин в стиле sass @import "cdn.scss"
  4. Обновите пути к изображениям как таковые: background: url ($ image_path + "image.png");
  5. При развертывании я изменяю переменную $ image_path в миксине. scss, а затем перезапустите sass

UPDATE

Мы используем bash для обновления файла

cat > preprocess/sass/_cdn.scss <

Пример кода в _cdn.scss

$image_path: "/public/images/";

Затем он работает по умолчанию локально, но при продвижении мы запускаем сценарий bash, чтобы обновление с использованием местоположения cdn

13
задан jhanifen 2 August 2013 в 17:18
поделиться