账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli脚手架加载路由很慢
    34
    0

    有没有人遇到过这个种问题用vue的脚手架工具
    一个项目有很多个模块,一个模块对应一个路由
    比如像下面这样有很多路由
    就算把路由里的引用全注释掉了,热加载的时候也是超慢要快两分钟才更新过来
    后面发现是webpack加载import的问题,把下面的import注释掉一大部份才好很多
    表明import引用越多更新就越慢
    这是怎么回事?如果遇到大的项目不就挂了

    import a from './a.js'
    import b from './b.js'
    import c from './c.js'
    import d from './d.js'
    import e from './e.js'
    import f from './f.js'
    import g from './g.js'
    import h from './h.js'
    import i from './i.js'
    import j from './j.js'
    import k from './k.js'
    import i from './i.js'
    
     const routes = [
        {
            //a,
            //b,
            //c,
            //d,
            //e,
            //f,
            //g,
            //h,
            //i,
            //j,
            //k,
            //i   
        }
     ]
     export default routes
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Ю↘珂ル° 普通会员 1楼

      Vue CLI 的脚手架在加载路由时可能会比较慢,原因可能有以下几点:

      1. 响应式布局:Vue CLI 使用响应式布局来优化页面加载速度。但是,对于一些复杂的页面布局,可能需要进行一些额外的优化。

      2. 代码重复:Vue CLI 中的组件代码有很多重复,尤其是在使用组件复用时。这可能会导致页面加载速度变慢。

      3. 性能测试:Vue CLI 的脚手架通常没有进行性能测试,这可能会导致页面加载速度变慢。你可以使用一些性能测试工具来检查你的项目。

      4. 资源加载:如果页面中的资源(如图片、CSS、JavaScript等)很大,那么它们可能会导致页面加载速度变慢。你可以尝试使用一些工具来优化资源的加载。

      解决这个问题的方法可能包括:

      1. 对你的代码进行优化,减少代码重复,避免不必要的计算和重排。

      2. 使用一些性能优化工具,如 Chrome 的开发者工具,来检查你的项目,找出性能瓶颈。

      3. 使用CDN(内容分发网络)来分发你的静态资源,以加快页面加载速度。

      4. 对你的图片、CSS和JavaScript进行压缩,以减少他们的大小。

      5. 对你的代码进行压缩,以减少它们的大小。

      6. 使用一些缓存技术,如 Cache-Control,来加快页面加载速度。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部