vue性能优化：去除首页预加载

最新推荐文章于 2024-07-16 16:18:19 发布

LLA_Amanda

最新推荐文章于 2024-07-16 16:18:19 发布

阅读量4.2k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qq_41855239/article/details/106124006

版权

本文主要探讨了Vue应用的性能优化，重点在于如何实现路由按需加载和去除首页的预加载策略。通过修改router/index.js实现路由懒加载，使打包后的JS包按需生成chunk。同时，通过调整vue.config.js配置，移除Vue CLI默认的预加载（preload和prefetch）策略，以减少不必要的资源加载，提升应用启动速度。

摘要由CSDN通过智能技术生成

一、router按需加载
router/index.js文件：

const router = new Router({
   
    routes: [
        {
   
            path: '/',
            name: 'index',
            //组件按需加载
            component:(resolve)