本文主要记录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决定进行内部探索并尝试增加相关配置