Kendimi sürekli olarak aynı şeyi yapıyordum, güzel ui's oluşturmak için tasarımcıları kullanarak HTML/CSS'yi varlık boru hattına bölmek ve yolları ve css + js etiketlerini bulmak ve değiştirmek için ; varlık yolunu kullanmak için her şeyi günceller. Bunu otomatik olarak yapan bir şey var mı?Rails için Hızlı Dönüşüm HTML şablonu Asset ERB/Sass düzeni
cevap
Bana göre bu durum sed için yüksek sesle çağırıyor. Linux, Mac OS X veya başka bir * nix kullanıyorsanız, okumaya devam edin. (Eğer dev ortamınız Windows ise ancak post-konuş komut dosyaları kurabileceğiniz * nix sunucusuna konuşlandırıyorsanız, bu yaklaşım hala çalışır.)
Tasarımcınızın yerel dizinlerde varlığınıza erişimi vardır. <img src="images/logo.png">
gibi etiketler oluşturur. Ancak, dağıtımda, <img src="<%= asset_path 'logo.png' %>">
gibi ERB çağrılarıyla bu yolların yerini değiştirmek ya da <img src="http://assets.mysite.com/logo.png">
gibi bir etiketle bazı harici CDN'leri gösterecek şekilde değiştirmek ister misiniz?
Her iki durumda da sed, arkadaşın! Sed can (başka şeylerin yanı sıra) bir dosyadan geçer ve yerinde regex ikamelerini uygular. ERB çağrı durumda, bu komutu aday olacağını (halihazırda bir erb uzantılı dosyanızı yeniden adlandırdık varsayarak): Bu komutu çalıştırdıktan sonra
$ sed -i 's/\(<img[^>]*src="\)images/\([^"]+\)\("[^>*]>\)/\1<%= asset_path \'\2\' %>\3/g' somefile.html.erb
, somefile.html.erb asset_path
yerine kullanacak elle belirtilen görüntü yolları.
$ sed -i 's/\(<img[^>]*src="\)images/\([^"]+\)\("[^>*]>\)/\1http:\/\/assets.mysite.com\/\2\3/g' somefile.html
Ve Bob senin amcan: sadece başka yoldan belki başka bir sunucuda görüntüleri veya sağlıyoruz nerede
ikinci vaka, benzer!
Bu komutlar hakkında can sıkıcı olan bir şey, bunları her bir dosyada çalıştırmanız gerektiğidir. Pekala, başka bir UNIX aracının kurtarmaya gelme zamanı: bul. , Sen' Sana, Şimdi eski Latince gibi yukarıdaki görünüyor eğer çok
$ find dir/with/html -type f -name '*.html.erb' -exec sed 's/foo/bar/g' {} \;
(ve antik Latince akıcı olmayan): Bu yardımcı bir dizin ağacındaki dosyaların bir demet bir komut dosyası çalıştırabilirsiniz Düzenli ifadeler hakkında daha fazla bilgi edinmek istersiniz, böylece istediğiniz farklı türdeki dönüşümleri yapmak için yukarıdaki komutları değiştirebilirsiniz. This, çok önceden bilgi sahibi olmayan sed ve düzenli ifadeleri kullanmak için oldukça iyi bir kılavuzdur.
Doğru şeyi yapan bir komut kümesine sahip olduktan sonra bunları bir kabuk komut dosyasına kaydedin. O zaman, sadece ihtiyacınız olduğunda bu dosyayı çalıştırın ve tüm can sıkıcı işleri sizin için yapacak! Bütün bu geniş komutları öğrenmeye değer kılan şey budur; Daha iyi bir GUI bulmaktan çok daha iyi çalışırlar. & değiştirme diyaloğunu değiştirebilirler, ancak yaptıkları şeyin esnekliği ve bunları betiklere ayırabilme yeteneği size uzun vadede zaman ve rahatsızlık kazandırır.
asset pipeline outside rails kullanmayı denediniz mi?
- 1. RABL'da ERB Şablonu Oluştur Şablon
- 2. hızlı dönüşüm
- 3. Bir erb şablonu içine bir ejs şablonu gömülmesi
- 4. Crossword Puzzle için HTML düzeni
- 5. Dize saatinden milisaniye hızlı dönüşüm
- 6. Rails göç dönüşüm MySQL mirası
- 7. HAML, SASS/Compass ve ERB arasındaki temel farklar nelerdir?
- 8. Rails ERB şablonları için kod kapsamı nasıl test edilir?
- 9. if, elsif, else ifadeleri html erb beginner
- 10. HTML şablonu mevcut değil
- 11. html bir sayfa şablonu wordpress dönüşümü için
- 12. Dize dizisinden Pandalar Dataframe'e hızlı dönüşüm
- 13. HTML/CSS - Yıkama Düzeni Hizalama?
- 14. HTML 5 Doctype karışıklık düzeni
- 15. Sublime içinde ERB için Autocomplete
- 16. SASS
- 17. Rails/ERB ile select_tag içinde bir link_to nasıl eklenir?
- 18. Bu erb davranışı neden Rails 3'te değişti?
- 19. Azure Hızlı Başlangıç Şablonu Deployment Failing
- 20. Raylar Sass
- 21. Rails içindeki bir değişkenin değeri alınamıyor erb etiketleri
- 22. Hızlı Etkileşimli kuvvet-yönelimli grafik düzeni motoru
- 23. Rails
- 24. SASS
- 25. Sass -
- 26. HTML işaretlemesinde ERB denetim yapılarını girerken en iyi uygulama nedir?
- 27. undefined method `[] 'için" font "için: Sass :: Script :: Değer :: String
- 28. FluentNHibernate: AsSet() 'in etkisi nedir?
- 29. Sass
- 30. ERB şablonlarında değişken değerlerini HTML etiketlerine nasıl eklerim?
Detaylandırır mısınız? Neden yeni varlıklar yolu? Önbelleğe almaktan vazgeçmek için? –