코드 분할을 사용하는 webpack으로 애플리케이션을 구축했습니다. 이제 모든 입력 청크 및 (코드 분할을 통해 생성됨)의 모든 하위 청크를 하나의 별도 커먼즈 청크로 특정 조건 (이 경우 node_modules
)과 일치하는 모든 공통 모듈을 집계하려고합니다.Webpack : 공용 및 청크에서 일반 모듈을 추출하여 공통 공유 청크로 변환
나는 경우이 :
new webpack.optimize.CommonsChunkPlugin({
children: true,
async: 'vendor',
minChunks: (module) => {
const isVendor = module.context.split('/').some(dir => dir === 'vendor');
return isVendor;
},
}),
웹팩는하지만 아이의 모듈에 대한 별도의 공유지 청크로 minChunks
기능과 일치하는 모든 모듈을 집계됩니다 덩어리를-그 것이다 항목 청크에서하지 집계 모듈로 커먼즈 덩어리. 결과적으로 필자는 입력 덩어리와 공유 덩어리에 나타나는 모듈을 복제했습니다.
어떻게 가능합니까?