首页 > 其他分享 >Vite升级

Vite升级

时间:2022-08-25 10:14:39浏览次数:92  
标签:项目 wp2vite js 升级 webpack Vite 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 (启动)

 

标签:项目,wp2vite,js,升级,webpack,Vite,vite
From: https://www.cnblogs.com/fqs123456/p/16623280.html

相关文章

  • 定制化JDK升级引发的离奇事件
    1、背景由于Oracle对外宣称OracleJDK停止免费用于商用。公司法务部门评估之后担心后续会惹上光司,于是就开始了JDK升级-将所有服务Oracle修改为OpenJDK。上周开始微服务JD......
  • 离线升级openssh
    1.相关地址openssh下载地址:http://ftp.openbsd.org/pub/OpenBSD/OpenSSH/portable/openssl下载地址:https://www.openssl.org/source/zlib下载地址:http://www.zlib.net/......
  • PHP-PHP升级
    开始升级PHP查看版本修订记录版本是否发布2020-09-23v1.0否CentOS7下安装PHP默认是5.4的,但是有些框架要求PHP的版本得在5.4以上,现在的框架大多要求ph......
  • Vue项目跑不起来 Uncaught SyntaxError: The requested module '/node_modules/.vit
    一:问题介绍vue项目运行跑不起来提示Browserslist:caniuse-liteisoutdated.Pleaserunnpxbrowserslist@latest--update-db遇到这个情况首先想到重新安装依赖重启项目......
  • 工业智能化转型升级难?华为云这三招,加速商业变现
    摘要:围绕工业场景,深入了解华为云提供的技术解决方案和场景应用案例,以及华为云云商店提供的商机权益。本文分享自华为云社区《工业智能化转型升级难?华为云这三招,加速商业变......
  • Centos7中升级python3.10.4版本
     ******先上结果图******   (之前是2.7.5版本,日志太长没法找到之前的版本截图了)******先上结果图****** 1、下载安装一些依赖包yuminstall-ywgetl......
  • Vue3+Vite+Vant报错Uncaught SyntaxError: The requested module '/node_modules/.vit
    原因在开发过程中Vue3的依赖版本有变更,直接使用的npminstall下载新的版本,会导致node_modules下存在旧版本的缓存,从而影响了本地项目的启动编译。解决方案删除项目的......
  • Prettier 在 Vite 项目下格式化没用也报错了
    Prettier配置文件有很多种格式,有.json、.js、.yml等。因为Vite默认项目用的模块机制是ES6,我的配置文件又正好是.js,且用的模块机制是CommonJS。所以就是如上图那样的......
  • centos7下tomcat部署jenkins版本升级
    jenkins升级步骤war包下载地址https://www.jenkins.io/download/点击PastReleases,选择war版本1.将要升级指定版本的jenkins的war包下载并解压到tomcat的webapp目录下w......
  • tar升级openssl1.1.1p
    目录tar升级openssl1.1.1p1、查看当前环境1.1查看linux系统版本1.2查看openssl版本1.3查看opnessl路径2、下载安装包2.1openssl1.1.1p:https://www.openssl.org/source/old......