公司项目是一个有几年历史的 Vue2 + Webpack5 项目，去年以来随着代码量的增加，逐渐显现出 dev 启动慢、构建慢、启动时内存占用过大的问题，所以我决定迁移到 Rsbuild 上

领导吐槽：vue项目首屏加载这么慢，你看看能不能优化一下？我：我看一下吧..（内心哭唧唧.....）

协同开发过程中，不同的编码习惯写出的代码，差异很大。日常维护代码或者修复bug的时候时候，看各种风格的代码，影响效率不说，还有可能改出低级问题。目前我们的项目还没有代码规范，我决定要做点改变，于是考虑使用 ESlint 来做代码规范检查。 考察了ESlint的官方网站和一些技术…

公司项目基于 VueCLI 3，存在启动慢（约 20 秒）、热重载慢、构建慢以及对高版本 Node 支持不友好等问题，需要切换 Node 16版本才能启动。

背景 因旧系统vuecli(webpack) + vue2构建速度慢，影响开发效率，决定迁移更快的构建工具。考虑该项目使用大量cjs语法，不希望改动过大（尽量保留原cjs语法内容），最终决定更换构建工

公司有许多项目仍然停留在 Vue 2 上，每次通过 VueCLI 启动都需要等待大约 30 秒（在 M1 芯片上），每次热重载的速度也让人难以忍受，构建速度同样缓慢。虽然可以通过 esbuild 等工

通过本文你将理解rspack，并快速实现Vue2、Vue3项目配置，提升5倍多的项目构建性能，快速提高工作效率。

Rspack 是一个基于 Rust 的 Web 构建工具，它最大的特点是惊人的构建速度。在最近的一年内我们把大部分项目都迁移到了Rspack/Rsbuild，迁移后带来的开发体验提升非常明显。

本文将讲述开发环境下 vue3 项目打包器从 webpack 迁移到 vite 过程中的所遇问题、解决方案、迁移感受，以及如何不修改任何源码完成迁移。