Vite升级

不对Vite做具体详细介绍,主要描述升级过程

 

wp2vite:

wp2vite 不会删除你的项目的webpack的配置文件,但是会在你的项目中插入vite的配置文件,相较于webpack,vite开发环境构建速度可以提升80%左右,构建生产环境能够提升50%左右。

wp2vite支持React、Vue,具体如下:

react

  • 支持create-react-app创建的项目, 无论项目是否已执行eject配置

  • 支持react-app-rewired配置的项目

  • 支持webpack.config.js创建的项目


vue

  • 支持vue-cli创建的项目, 无论项目是否包含vue.config.js文件


其他

  • 其他包含webpack.config.js 文件的项目均支持转换

已被官方收录,实现这个插件得原因,应该是像咱们这种项目较大,我之前也试着把webpack改写为Vite确实是,项目是一点也起不来很痛苦,问题很多,用了这个以后不禁感慨,配置起来真香,如果今后项目再支持Vue3.0和TS语法应该语言结构就更强壮能写出来的BUG就更少了

 

会自动转换webpack配置到vite中,但是期间遇到了启动报错

 

解决方法:node node_modules/esbuild/install.js

 

https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md

 

yarn dev 试了下,保存单页面修改热更新是会快一些,但是还没到80%提升那么夸张,看了下这个只是最基础的配置,我稍微看了看,由于他和webpack现在是共生关系,所以有一些命令需要改写为Vite的,关系有点像yarn 和 npm 具体内容还需要再研究,会持续更新

 

分析项目属性读取配置文件分析后,自动配置更新

 

npm run vite-start,这里的路径,是不对的,所以找不到esbuild.exe文件,暂时没找到在哪儿修改还在排查中

esbuild.exe文件是有的,但是中间多了一部分路径,没查出来这东西哪儿加的去掉应该就没问题了

 

npm run vite-start (启动)

 

posted on 2022-08-25 10:01  紫叶嵋  阅读(2677)  评论(0编辑  收藏  举报