2017-01-26 15 views
10

Çok sayıda açısal bileşene sahip bir npm paketim var. Şablonlarında resimlere başvururlar. Resimlerimi uygulamanın images dizinine kopyalarsam, referanslar çözülür, ancak bu aptalca geliyor.Köşeli bileşen kitaplığı - image referansları şablonları

Webpack ele geçirme görüntülü yazıya sahip olmanın bir yolu var mıdır, böylece App B, App A bileşenlerini içeriyorsa, görüntüler yapıda çalışır ve el ile kopyalama adımı yoktur.

+0

Klasör yapısı ve web paketi yapılandırması ekleyebilir misiniz? – Thaadikkaaran

+0

https://github.com/tcoopman/image-webpack-loader ile denediniz mi? – Carlos

+0

@ stefan, @Jaganathan'ın ne eklediğini ekleyerek, daha önce yapılmış olanın bazı kodlarını paylaşır mısınız lütfen. Ayrıca, “dev” env veya “prod” içinde paketlemeye çalışıp çalışmadığınızı da belirtin. – debatanu

cevap

3

Bu npm paketinde resimler gerekli değilse, web paketi bunları işleyemez. copy-webpack-plugin gibi bir şeyi deneyebilir veya manuel kopyalamadan kaçınmak için kendi kopyalama komut dosyasını yazabilirsiniz

+1

Muhtemelen en iyi cevap. Sadece görüntüleri paket içinde paket.json ile dışa aktarın ve bunları görüntü dizininize gulp yoluyla kopyalayın. Bunu web paketi üzerinden yapmanın daha iyi bir yolu yok gibi görünüyor. –

+0

Bu soruyu kendi sorum- lumda yanıtladım: https://stackoverflow.com/questions/45111478/angular-cli-how-to-reference-image-paths-in-reusable-components/45151203#45151203 – ruhler

+0

@ruhler sorunuz Bu soru AngularJS ile ilgili iken açısal 2 ve üstü hakkında. Bunlar farklı köşeli –