V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
e8c47a0d
V2EX  ›  Vue.js

nuxt 重复打包所有子组件的问题

  •  
  •   e8c47a0d · 2018-07-12 16:37:55 +08:00 · 2267 次点击
    这是一个创建于 2086 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如我在 components 做了一个比较大的组件,网站每个页面使用这个组件,那么打包以后,每个页面都有组件的所有代码。非常浪费,如何解决呢?
    7 条回复    2018-07-12 17:20:50 +08:00
    heww
        1
    heww  
       2018-07-12 16:44:26 +08:00   ❤️ 1
    升级到 nuxt-edge 或者等 nuxt 2 的发布,据说 webpack 4 可能有解。
    heww
        2
    heww  
       2018-07-12 16:46:30 +08:00   ❤️ 1
    如果是没有页面都用的还可以添加到 vendor 中去,这样的话会打包到 vendor.js 文件里
    heww
        3
    heww  
       2018-07-12 16:47:18 +08:00   ❤️ 1
    没有 => 每个
    e8c47a0d
        4
    e8c47a0d  
    OP
       2018-07-12 17:15:31 +08:00
    @heww 我竟然不知道有 nuxt-edge 这个包!感谢大哥,我去看看!!还有用 vendor 打包 axios 确实好用!
    heww
        5
    heww  
       2018-07-12 17:16:50 +08:00
    @e8c47a0d #4 nuxt-edge 不是单独的包,是 nuxt 发布 2.0 版本前的测试版本。
    e8c47a0d
        6
    e8c47a0d  
    OP
       2018-07-12 17:17:44 +08:00
    我现在的解决方法暂时是:在 nuxt.config.js 里面,加上 render: { resourceHints: false } 属性,减少那些 prefetch,暂时可以眼不见心不乱。
    e8c47a0d
        7
    e8c47a0d  
    OP
       2018-07-12 17:20:50 +08:00
    我以为 nuxt 不更新了~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   953 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:48 · PVG 05:48 · LAX 14:48 · JFK 17:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.