webpack提供了require.ensure()实现按需加载。以前路由是通过import引入的，改为const定义。在router的index.js文件中，修改如下代码实现页面的按需加载和非按需加载importHomefrom'./home.vue'页面按需加载constHome=r=>require.ensure([],()=>r(require('@/views/home')),home)会有很多单页应用写成vue页面路由的注入，在打包构建的时候，javascript体积会很大，影响加载。如果将不同路由对应的组件划分到不同的代码块中，只有在访问该路由时才加载相应的组件，这样会大大提高首屏的显示速度，但可能会拖慢其他页面的访问速度。类似于图片的懒加载，用户不看图片就加载所有的图片，会增加请求时间，降低用户体验，降低访问速度。单页应用程序也是如此。用户可能不会点击进入其他页面，而只是停留在首页。无需加载所有页面资源。如果用户点击加载，加载时间会大大减少，请求速度会提高。和用户体验。
