Merhaba,
son zamanlarda, gereğinden fazla bir şekilde front end işler yapmaya başladım. ecmascript ve webpack standartlarını yüzeysel olarak kullanıyorum, dosya sayısı arttıkça bu yüzeysellik yeterli olmamaya başladı. bootstrap kullanmamış olan pek yoktur sanırım, bu yüzden bootstrap üzerinden örneklendirecek olursam kendimi daha net ifade ederim. bootstrap biliyorsunuz ki çok sayıda dosyanın derlenmiş halini hem script hem de kaynak haritalama yöntemi kullanarak tek dosya olarak çok boyutlu şekilde çalıştırmaya ve hata ayıklamaya imkan tanıyan bir framework. bende kendi çalışmalarımı bu benzerlikte sürdürmeye karar verdim. ancak başarılı olamadım. yaklaşık 2 gün derinlemesine uğraştım dökümanları inceleyerek uygulamaya yeltendim, olmadı. daha sonra bootstrap'ın kaynak kodlarını inceleyerek durumu kavrayayım dedim, bu noktada da anlamadığım durumlar oldu.

bu tarz bir örnekte çalıştırılacak (webpack.config) yapılandırma dosyası için kısa bir örneklendirme ve açıklama yapabilecek biri varsa mutlu olurum. haritalama kısmını es geçebilirsiniz, derleme konusunda belirsiz fikirlere sahibim sadece.