把vue2+webpack2的项目打包工具替换为vite的全过程。 解决了一个又一个问题，终于用上vite了真香

关于Vite和Vue3的讨论越来越多，看了官网的特性后，按捺不住尝试了一下。实际使用中，Vite还是挺多坑要踩的，但是Vue2.7更新的内容，结合社区生态，对业务实现和开发体验的提升都提供了助力。

vue2项目要从webpack 迁移到 vite 需要完成以下几步 安装vite 的依赖包 添加 vite 的配置文件 vite.config.js 修改文件，包入口 index.html 和 其他文

1.导入时省略文件类型后缀 我们在导入 vue、js 等文件时往往喜欢省略类型后缀，这需要配置 extensions 2.配置路径别名 3.环境变量 vite环境变量地址 4.package.json

Vue2.7开发环境下接入Vite指南，包含详细过程及踩坑记录。 为什么接入vite？ 为什么只在开发环境接入？

公司有一个项目代码，因为每次构建打包的速度非常慢，导致每次本地开发保存文件后都会重新构建下，严重拖慢了本地效果预览和开发效率。所以在慢慢尝试如何迁移到vite中，当然这会是一个漫长的

用vite构建vue2项目。因为某些要求，项目要求使用vue2来写，由于vue-cli已经废弃，并且vite速度快，使用挺便利的，所以可以使用vite来构建vue2的项目

早期公司里vue2后台管理系统基于 https://github.com/PanJiaChen/vue-element-admin 项目开发，vue2+webpack，项目庞大时启动慢、热更新慢、占用

> 本来是 vue2 的项目，现在需要用 vite 来编译运行；本来也是多入口应用，诸多配置需要更改；主要需要解决两个东西：①commonjs 的转换；② 多入口的适配 ## 1. 安装相关依赖