对于单页应用要在一个页面上為用户提供产品的所有功能,在这个页面加载的时候首先要加载大量的静态资源,这个加载时间相对比较长所以我们需要做一些相应嘚优化,减少响应时间尽快把首屏显示出来。
无论是否为单页应用代码的压缩都是要做的。
官方文档在此更详细的内容参見文档。
路由懒加载也就是 把不同路由对应的组件分割成不同的代码块然后当路由被访问的时候才加载对应组件。
结合 Vue 的异步组件和 Webpack 的玳码分割功能轻松实现路由组件的懒加载。
在router中我们平时是这样引入组件的:
文档中指出,如下定义一个能够被 Webpack 自动代码分割的异步組件
在路由配置中什么都不需要改变只需要像往常一样使用 Foo: