代码分割与懒加载情况下(code-splitting+lazyload)如何抽离公用模块代码?

问题背景

我知道,通过CommonsChunkPlugin 可以将 entry 的入口文件中引用多次的文件抽离打包成一个公用文件,从而减少代码重复冗余

https://img3.mukewang.com/5c80c6340001030b06340227.jpg

那么当我使用了 vue-router 代码分割 懒加载的时候,每个路由对应的.vue文件中,共同引用了多次的模块,怎么自动抽离出来。

问题描述

懒加载路由文件

https://img2.mukewang.com/5c80c6420001bf5d07700355.jpg

上述使用了vue-router懒加载打包出来的 首页路由文件index.js 和 用户页文件userIndex.js 都会包含一份 public.js的代码,重复了。

我的问题就是,在代码分割的代码中,怎么自动抽离公共代码? 就像CommonsChunkPlugin的效果一样,或者说CommonsChunkPlugin怎么在 code-splitting 的场景上使用?


Qyouu
浏览 528回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript