跳到主要内容

升级到vite5

node版本

Node 18 / Node 20+。

依赖更新

  • unocss 升级到最新(可升级到 v0.58.3+
  • vite-plugin-html 升级到最新(可升级到 v3.2.1+

代码改造

修改build/vite/plugin/html.ts 文件 vite-plugin-html插件调用需要加入 viteNext: true

const htmlPlugin: PluginOption[] = createHtmlPlugin({
minify: isBuild,
++ viteNext: true,
inject: {
data: {
title: VITE_GLOB_APP_TITLE,
},
tags: isBuild
? [{
tag: 'script',
attrs: {src: getAppConfigSrc(),},
}] : [],
},
});
  • @rys-fe/vite-plugin-theme 插件启动或者build时还有警告,但是不影响使用。静等官方针对vite 5进行更新。

性能

从项目中启动、build 、首屏加载三个维度来体验,感官上提升不明显,但是结合数据来进行对比还是有很大提升的。(实践中直接使用 命令行 会比 vscode 执行命令会快)。

开源版参数比会这个性能更高,因为功能少。

4.x(4.4.9)5.x(5.0.11)提升
启动13秒8秒38%
首屏加载24秒20秒19%
build3分28秒2分56秒15%