vue.js中vue-router懒加载、打包代码分离

一、基础写法，没有懒加载以及打包分离

二、路由懒加载，ES中的import()方法。 （按需加载）

三、vue的异步组件，require()方法。（按需加载）

四、vue的异步组件+webpack的ensure()方法。（按需加载+js打包分离）

webpack中的require.ensure()可以实现按需加载资源包括js,css等，它会给里面require的文件单独打包，不和主文件打包在一起，webpack会自动配置名字，如0.js,1.js,但是这样看着不是很直观，所以要自己配置单独打包的数据块名字。

五、最优官方，懒加载和打包分离代码。（【官方推荐】按需加载+js打包分离）

详细请到：https://blog.****.net/qq_42690547/article/details/88316897#_1