webpack

bundle management system denilebilir. bower'ın yerini almış diyorlar.

olayı şu:

module.exports = {
entry: {
app: ["./what.js", "./is.js", "./this.js"]
},
output: {
path: __dirname,
filename: "boot.js"
}
}

yukarıdaki kodda entry, tek dosya ya da birden fazla key value şeklinde dosya alabiliyor. bu dosyalar ise oluşturduğumuz kütüphaneler.

neyse efendim. oluşturulan bu kütüphaneler çok fazla olabiliyor. siz tam burada diyorsunuz ki bütün kütüphanelerim tek bir dosyada yer alsın. bu sayede hem css hem de javascript'i tek bir dosyaya aktarabilirim. (türüne göre dosyalar. css, js içine girmiyor)

daha sonra yukarıdaki webpack.config.js dosyasını çalıştırmanızın basit yolu webpack komutunu config file'ın bulunduğu dizinde vermek.

eğer paketlemeniz doğru bir şekilde gerçekleştiyse output'a belirtilen dosyaya çıktısı sağlanır ki o da şöyle olur:

http://paste.ubuntu.com/23294840/

bundan sonraki minify işlemini yaparak tek bir dosyadan her yere hükmedebilirsiniz. he siz yine de hayvani derecede büyük dosyalar oluşturmayın.