关于webpack打包多入口应用的疑惑？

Question

前提

项目使用的是多入口文件打包，自己封装了一套组件，每个页面引入了部分组件,（比如A页面只引入了 a,b ；B页面引入了A，C,D,F）在组件引入取舍这块有些疑问

疑惑

1. 将组件库用CommonsChunkPlugin 打包，形成公共依赖

   • 缺点：组件文件体积比较大，第一次加载时间比较长，后续有改动hash值变更，客户端缓存失效

2. 将每个组件单独依赖进页面文件，类似于引用lodash.clone 而不是引用整个lodash

   • 缺点：页面体积会变大
   • 优点：后续修改某个组件时候，没有引用该组件的缓存不受影响,不用引用整个组件库

希望有相关经验的前辈能够解答，如有理解错误也希望指正：）