Gatsby-综合bundler更换讨论的记录

/post/gatsby-bundler article cover image

本文主要记录Gatsby对底层打包器优化规划的讨论以及综合现阶段功能架构考虑的取舍和看法.

参考资料

bundler-vite-vs-webpack

从开发及生产打包方面,vite的快速开发环境相应以及更小的包体积从现代浏览器角度出发更符合大众的需求,但是webpack凭借着庞大的生态以及月下载量还是位于前列。

<Callout>如果是基于pc的vue应用那么推荐切换vite,如果只是因为开发环境速度慢而不考虑现有成本还是保持使用webpack进一步自定义的对现有的构建流程进行优化</Callout>

webpack在gatsby慢的原因

Nodejs在使用fs读取UTF字符串时的性能瓶颈: Boost Node Js Performance By Libuv Thread Pool

像nextjs一样去优化webpack

像serverless-stack一样使用esbuild作为开发构建工具

各打包器跑分对比

总结

.ts的处理时使用parcel,其他选择构建流程优化,截止202303rspack的正式发布,Gatsby决定进行内部探索并尝试增加相关配置