2017-12-07 110 views
8

Web bölmesi ile kod bölme kullanan bir uygulama geliştirdim. Şimdi tüm kriterler (bu durumda node_modules) ile eşleşen tüm ortak modülleri ve tüm alt yığınlar (kod bölme yoluyla oluşturulmuş) tek bir ortak harman parçasına birleştirmek istiyorum.Webpack: giriş ve alt yığınlardan ortak modülleri ayırmak için ortak modülleri ayıklayın

ben yaparsanız bu:

new webpack.optimize.CommonsChunkPlugin({ 
    children: true, 
    async: 'vendor', 
    minChunks: (module) => { 
     const isVendor = module.context.split('/').some(dir => dir === 'vendor'); 
     return isVendor; 
    }, 
}), 

WebPack ama tek çocuk dan modülleri için ayrı bir Commons yığın haline minChunks fonksiyonunu eşleşen tüm modülleri toplamasıdır parçalar-it will giriş yığın değil agrega modülleri içine Commons yığın. Sonuç olarak, hem giriş yığınımda hem de ortak yığında görünen çoğaltılan modüller var.

Bu nasıl olabilir?


Örnek: https://github.com/OliverJAsh/webpack-commons-vendor/blob/f524bfdb0e047161c453a6b84f89ab6d25d6c648/webpack.config.js

enter image description here

cevap