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

2018-07-12 16:37:55 +08:00
 e8c47a0d
比如我在 components 做了一个比较大的组件，网站每个页面使用这个组件，那么打包以后，每个页面都有组件的所有代码。非常浪费，如何解决呢？
2287 次点击
所在节点    Vue.js
7 条回复
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 不更新了～

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/470282

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX