2016-12-28 25 views
11

Ön kitaplık oluşturmak istiyorum. Bu yüzden webpack'i kullanmak istiyorum. Özellikle css ve resim yükleyicisini beğendim. Ancak, web paketi kullanıyorum ancak JS olmayan dosyalara ihtiyacım var. Bir kütüphane yapıyorum çünkü kütüphanemin kullanıcısı da garanti edemez.Kitaplık web paketi ile nasıl gruplanır?

Yayınlamak için her şeyi bir UMD modülüne ayırmanın bir yolu var mı? Birden çok giriş noktası kullanmayı denedim, ancak o zaman modülü kullanamıyorum. peşin

+0

Belki bir şeyi özlüyorum, kitaplık paketinizi npm olarak yayımlamak istediğiniz anlamına mı geliyor ve kullanıcılar bunu 'içe aktarıyor? Öyleyse neden "webpack kullanıyorum JS olmayan dosyalara ihtiyacım var"? Bir örnek verebilir misiniz? Ve "Birden fazla giriş noktası kullanmayı denedim" hakkında "Webpack" 'e ihtiyaç duyma olasılığınızı düşündünüz mü, sadece' babel 'yeterli olacak mı? –

+0

Evet Sadece babeyi kullanmayı düşündüm. Ancak ("./ something.css") gerektiriyorsa ve web paketini kullanmam gereken bir projeye ("kitaplığım") kullanmayın. Eğer bunu çalıştırırsam işe yaramaz. –

+0

Web paketi olmadan kullanılacak bir kütüphane oluşturmak ister misiniz? Tamam. Tek giriş noktasıyla denedin mi? –

cevap

9

yılında

Teşekkür Sen WebPack 2.0 documentation site yılında kütüphaneler oluşturmak için iyi bir rehber bulabilirsiniz. Bu yüzden bu örnek için ver 2 sözdizimini webpack.config.js'da kullanıyorum.

Örnek kitaplıklı bir Github repo İşte.

Bu sadece bir umd modül olarak gerekli edilebileceği tek JS paket içine src/ (js, png ve css) tüm dosyaları oluşturur. sahip olmalıdır

output: { 
    path: './dist', 
    filename: 'libpack.js', 
    library: 'libpack', 
    libraryTarget:'umd' 
}, 

ve package.json: Eğer tek bir dosyada herşeyi paketlemek için uygun yükleyici kullanmak gerekir

"main": "dist/libpack.js", 

Not biz webpack.config.js içinde takip ayarlarını belirtmeniz gerekir bunun için

. Örneğin. base64-image-loader yerine file-loader

+0

Yani kütüphane görüntülerinin yalnızca satır içi belirtilmişse kullanılabilir mi? – davesaus

+0

@davesaus, görüntüleri ayrı dosyalarda tutabilirsiniz. O zaman nasıl kullanacağınıza bağlı olarak o zaman –

+0

Uygulamada birlikte lib ile inşa etmek istiyorsanız ne ihtiyacım var? –

İlgili konular