todayoncemore的博客

Tree Shaking 代码分离（Code Splitting） 入口起点 防止重复 动态导入 缓存 输出文件名 提取引导模板 模块标志符

按照webpack官网教程尝试动态导入lodash发现不起作用 检查webpack配置文件，发现是因为： 将lodash配置为外部依赖了，注释掉externals之后重启项目就好了。所以动态导入的模块不可以是外部依赖 如下所示，点击click按钮会执行print方法，这个时候浏览器会请求lodash模块并动态导入进来，从Network可以看出来lodash是单独打包并延迟加载的 顺便提一句，react是原生支持import的，但是要用async, await需要安装 @babel/plugin-tr.

请参考react router Code Splitting