Ścieżki obrazu w CSS do obsługi CDN

Question

Próbuję wdrożyć nasze obrazy do CDN. Obecnie css ma względne ścieżki do obrazów na naszej stronie. Ścieżki te będą musiały obsługiwać lokalizację obrazu CDN. Czy ktoś ma porady, w jaki sposób mogę to zrobić?

Lub jeśli ktoś ma dobry samouczek dotyczący instalacji na CDN.

---

W ten sposób doszłam do tego.

1. użyłem Sass - http://sass-lang.com/
2. Mam mixin nazwie cdn.scss z zawartością jak $ IMAGE_PATH: "/ images /";
3. Zaimportuj ten mixin w stylu sass @import "cdn.scss"
4. Zaktualizuj ścieżki obrazu jako takie: background: url ($ image_path + "image.png");
5. Na rozmieszczenia zmienić zmienną $ IMAGE_PATH w mixin.scss a następnie ponownie Sass

UPDATE

Używamy bash aby zaktualizować plik

cat > preprocess/sass/_cdn.scss <<EOT 
\$image_path: "//CDN_URL/"; 

Przykład kodu w _cdn .scss

$image_path: "/public/images/"; 

To domyślnie działa lokalnie , ale po naciśnięciu przycisku produkcyjnego uruchamiamy skrypt bash do aktualizacji przy użyciu lokalizacji cdn.

Answer 1

Prawdopodobnie najłatwiej byłoby przechowywać zarówno obrazy, jak i plik CSS na CDN. Ścieżki obrazu w twoim pliku CSS odnoszą się do samego pliku CSS, więc nie musisz w ogóle zmieniać swojego CSS.

Jeśli to nie jest opcja, utkniesz, umieszczając w swoim arkuszu stylów w pełni kwalifikowane adresy URL. Teraz, jeśli naprawdę chcesz, możesz dynamicznie generować plik CSS w locie i wykonać trochę wymiany, aby nie trzeba było w twardy sposób CDN w swoim arkuszu.