基于webpack3升级webpack4的demo,配置模块按需加载,模块按需切割打包
首页展示的时候只需要对应的js,并不需要全部的js模块,所以这里就可以用按需加载,这里webpack4官方文档提供了模块按需切割加载,配合es6的按需加载import()方法,可以做到减少首页包体积,加快首页的请求速度,只有其他模块,只有当需要的时候才会加载对应js。
这里我定义了三个界面(HelloWorld1,HelloWorld2,HelloWorld3),其中HelloWorld1用的impot()按需的方式,其他两个都是直接import。
再打包,终于成了,把HelloWorld1分离出来独立包h-w1
:
资料:
按需加载,模块按需切割打包博客:https://www.jianshu.com/p/90f9fec9fc34
webpack3升级webpack4博客:https://blog.csdn.net/u010633266/article/details/90025292