路由懒加载
路由懒加载解决的是一次加载的JS包过大的问题,将整个的JS包按照不同的路由对应的组件分割成为不同的代码块,路由访问的时候再加载对应的组件
这样的好处就是首次加载时的速度很加快,但是路由切换的过程,由于组件本身也需要通过网络请求获取,所以性能会降低
实践
(1)配置Babel
如果使用了Babel,需要安装syntax-dynamic-import
插件,才可以使Babel正确解析下面的语法。Babel@6需要使用babel-plugin-syntax-dynamic-import,Babel@7使用@babel/plugin-syntax-dynamic-import
同时为了防止Eslint报错:Parsing error: Unexpected token import
,需要使用babel-eslin