升级到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% |
build | 3分28秒 | 2分56秒 | 15% |