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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 2344 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如我在 components 做了一个比较大的组件，网站每个页面使用这个组件，那么打包以后，每个页面都有组件的所有代码。非常浪费，如何解决呢？

7 条回复 • 2018-07-12 17:20:50 +08:00

heww

2018-07-12 16:44:26 +08:00

升级到 nuxt-edge 或者等 nuxt 2 的发布，据说 webpack 4 可能有解。

heww

2018-07-12 16:46:30 +08:00

如果是没有页面都用的还可以添加到 vendor 中去，这样的话会打包到 vendor.js 文件里

heww

2018-07-12 16:47:18 +08:00

没有 => 每个

e8c47a0d

2018-07-12 17:15:31 +08:00

@heww 我竟然不知道有 nuxt-edge 这个包！感谢大哥，我去看看！！还有用 vendor 打包 axios 确实好用！

heww

2018-07-12 17:16:50 +08:00

@e8c47a0d #4 nuxt-edge 不是单独的包，是 nuxt 发布 2.0 版本前的测试版本。

e8c47a0d

2018-07-12 17:17:44 +08:00

我现在的解决方法暂时是：在 nuxt.config.js 里面，加上 render: { resourceHints: false } 属性，减少那些 prefetch，暂时可以眼不见心不乱。

e8c47a0d

2018-07-12 17:20:50 +08:00

我以为 nuxt 不更新了～