关于vite-plugin-prerender打包问题解决方案

vite-plugin-prerender 包2年没更新了；

最近使用， 发现了很多问题；

1. vite.config.ts 配置 headless: true 无法调试；
2. renderAfterDocumentEvent: ‘custom-render-trigger’ 属性没有效果；
3. 打包过后只有 <div id="app"></div>
4. 打包后的dist 目录 为空，或者打包不出来；

问题即是： vite-plugin-prerender 包的依赖， 版本太低；

"@prerenderer/prerenderer": "^0.7.2",
"@prerenderer/renderer-puppeteer": "^0.2.0",

解决办法有2个：

1. 把 vite-plugin-prerender 源码从node_modules 中移出来。删除对应依赖重新下载最新依赖；
   如图：

界面vite.config.ts 配置改为 项目包的路径位置。 如图：

其它内容按 vite-plugin-prerender 文档使用即可；

注意， vite-plugin-prerender 移出来后， 再启动时会有依赖需要安装

 "@prerenderer/renderer-puppeteer": "^1.2.4",
 "html-minifier": "^4.0.0",
 "prerenderer": "^0.5.0",
 "puppeteer": "^23.5.1",

大约是如上几个依赖；

2. 降低node 版本，下载对应 vite-plugin-prerender 依赖包； 可以尝试降到node 12 ;此方案本人成功过，后来因依赖其它问题。 稳定性有问题。

最后， 推荐一句 vite-ssg 很好用， 可以直接用vite-ssg 了；

vite-ssg npm地址

好。 今天就分享到这里。觉得有用。感谢点赞！