Vue迁移时，Vite相比Webpack有哪些优势？

本文共计2516个文字，预计阅读时间需要11分钟。

目录+配置方式+Vue+文件编译流程+Vite的Vue+转换流程+Webpack的Vue+转换流程+比较和总结+配置方式+我们知道，Webpack是使用loader转换代码的，而Vite/Rollup则是使用插件转换代码的。

目录

• 配置方式
• Vue 文件编译的流程
• Vite 的 Vue 转换流程
• Webpack 的 Vue 转换流程
• 对比和总结

配置方式

我们知道，Webpack 是使用 loader 转换代码的，而 Vite/Rollup 则是使用插件转换代码，那这两种机制有什么差异呢？我们用 Vue 的转换来说明一下。