Java教程

(二十)(router)路由赖加载和项目打包

本文主要是介绍(二十)(router)路由赖加载和项目打包，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！
1:赖加载路由的定义方式： const Home =()=>import (/* webpackChunkName: "homess" */ './components/home.vue')   routes:[   { path: '/home', component: Home}, ] 赖加载路由的好处： 如果是直接加载，不用赖加载，在路由特别多的情况加载js和css的数量就非常大，所以在首次加载首页的时候就会出现卡顿的情况 如果是赖加载就会把对应赖加载的路由的js,css文件分离处理，等用到的时候才会去加载,呢种就避免了首页卡顿， 当执行 yarn run build完成后

上图可以看出赖加载的路由对应的css，js文件都被分离出来了，当没有用到对应的赖加载路由时候就不会去加载呢些js，cs

2：/* webpackChunkName: "homess" */  就是打包过后的对于的静态路由的名称,可以自定义

3：打包运行   yarn run build，打包后复制dist中所有文件拷贝到对应的web下面路径下运行

这篇关于(二十)(router)路由赖加载和项目打包的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航