vite2的版本的服务比较慢，导致首次加载页面时间太长，建议升级vite到3的版本

[yeyuliang2015]

vite2的版本的服务比较慢，导致首次加载页面时间太长，建议升级vite到3的版本

[yeyuliang2015]

升级后加载main.ts不会再卡住pending了

[M69W]

提 PR？

[iconFehu]

PR早提了 f44183e

[iconFehu]

#2083

[yeyuliang2015]

提 PR？

还需要再提一遍么？

[iconFehu]

一个月了都，pr还没通过呢

[yeyuliang2015]

@M69W

一个月了都，pr还没通过呢

这个有提过PR了

[KongYoutao]

vite2.0升级3.0需要注意什么吗

[iconFehu]

https://cn.vitejs.dev/guide/migration.html

[cnzdq]

@iconFehu 改成vite 3还是老样子，main.ts 需要 30s 等待，能看到页面需要 50s，你们解决了吗

[iconFehu]

@cnzdq

测试了下 页面加载完大概5秒钟

[nguyenhan-se]

@iconFehu hi, i have a problem when i upgrade vite 3

Can u support me?

[iconFehu]

@nguyenhan-se like this.
You can check vite official website.
https://vitejs.dev/guide/migration.html#config-options-changes
f44183e

[nguyenhan-se]

@iconFehu i cloned new vben project and apply like f44183e but it's not working for me

[nguyenhan-se]

@iconFehu maybe i found the problem, the reason is "vite version 3.1.0"

[iconFehu]

@nguyenhan-se vite-plugin-theme v0.8.6 and vite v3.1.0 may not be compatible

[WangShayne]

@nguyenhan-se use vite 3.0.2

[cnzdq]

@iconFehu 我下了你的项目跑，虽然快了不少。但还是需要20s，不明白哪里不一样。你的是首次打开页面时的加载时间吗，就是从 pnpm dev 运行后第一次打开页面。首次加载完成之后，后面再刷新就很快了。我部署到云服务，不开启 gzip情况也是 15s，开启 gzip 后会快很多，大概3s

[haozileung]

@iconFehu maybe i found the problem, the reason is "vite version 3.1.0"

More precisely, It's not working since vite 3.1.0-beta.1.

See vbenjs/vite-plugin-theme#27

[yeyuliang2015]

@iconFehu 升级到3.0.9版本打包后，页面出现空白现象，无法访问。

[dh336699]

Thanks four your suggestion, it has been fixed.
Then when I first run yarn serve, the dashboard page spent 25s to load, it's still slow

[passioncsu]

额...满怀期待升级了一下 但是特意加载对比了, 好像没什么明显的提升....

[ma-lihui]

额...满怀期待升级了一下 但是特意加载对比了, 好像没什么明显的提升....

我升级后发现也依然很慢，后来发现是这个插件build/vite/plugin/styleImport.ts按需加载antd的样式非常耗时，作者之前做了优化，只在生产环境启用。后来不知道为啥又注释了。可以还原这两段代码试试

[mamba-in]

更新后比之前快了30多秒，现在首加载16s左右，虽然还是有点长，确实比之前快多了 yeyuliang2015 ***@***.***> 于2022年8月16日周二 11:10写道：

…

@M69W <https://github.com/M69W> 一个月了都，pr还没通过呢 这个有提过PR了 — Reply to this email directly, view it on GitHub <#2160 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFBXGICUGWKTDHKQ4EUP2KDVZMBDZANCNFSM56GPPNPQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[yeyuchen198]

怎么开gzip？是用服务器端比如nginx打开gzip设置吗？还是前端项目这边比如.env配置VITE_BUILD_COMPRESS为gzip？

[qwerlp]

升级过程中报错 COLOR_PLUGIN_OUTPUT_FILE_NAME is not defined请问这个怎么解决vite-plugin-theme

[fanzihui]

什么时候可以升级到vite3 啊

[M69W]

什么时候可以升级到vite3 啊

https://github.com/vbenjs/vue-vben-admin/blob/next/package.json#L3

[yeyuliang2015]

你们升级到vite3打包后，没有出现页面空白的现象吗？ @iconFehu

[qwerlp]

升级过程中报错 COLOR_PLUGIN_OUTPUT_FILE_NAME is not defined请问这个怎么解决vite-plugin-theme
这里有解决方案
vbenjs/vite-plugin-theme#27 (comment)

[LuoHuacheng]

额...满怀期待升级了一下 但是特意加载对比了, 好像没什么明显的提升....

我升级后发现也依然很慢，后来发现是这个插件build/vite/plugin/styleImport.ts按需加载antd的样式非常耗时，作者之前做了优化，只在生产环境启用。后来不知道为啥又注释了。可以还原这两段代码试试

这里注释的内容放在 build/vite/plugin/theme 里面的 antdDarkThemePlugin 方法 preloadFiles 参数中去了，我把vite升级到最新的4.1.4之后按照这个 issue添加全局变量后切换暗黑模式有问题，把注释的这两个地方还原然后把 preloadFiles 去掉了，可以正常运行。

[houyaowei]

@LuoHuacheng 在vite@4版本打包后能正常运行么？我这边打包后html文件中没有注入js文件

[houyaowei]

所以只能将到3.2.5版本

[zhunnyWang]

vite-plugin-theme插件带来的问题可以这么改：
带来次变化的更新为https://github.com/vitejs/vite/pull/9848%E3%80%82
此更新自动为未优化的node_modules 导入加入hash值，因为该插件的tranform中的路径匹配方法失效。匹配不到正确路径，自然目标文件得不到更改，变量赋初始值就没办法生效。
最简单的改法，找的vite-plugin-theme打包后的transform方法，替换原有的路径匹配方法，endsWith替换为includes：
if (nid === CLIENT_PUBLIC_ABSOLUTE_PATH || nid.includes(path6) || nid.includes(path6.replace(///gi, "_")))

[huhyge]

你们升级到vite3打包后，没有出现页面空白的现象吗？ @iconFehu

我在升级成vite3.0.x打包后也出现了同样的问题,请问您解决了嘛如何解决的

[houyaowei]

你们升级到vite3打包后，没有出现页面空白的现象吗？ @iconFehu

我在升级成vite3.0.x打包后也出现了同样的问题,请问您解决了嘛如何解决的

我的是一个插件导致的，把插件去掉就可以了

[XiongAmao]

@houyaowei Hello，请教一下你们是去掉哪个插件解决白屏问题的？