Vscode Webview 开发 Vite 热更新插件

在开发一个 VSCode Webview 的扩展时，实现了让 VSCode Webview 可以进行热更新开发的 Vite 插件，让 VSCode Webview 变得敏捷了许多，在这里和大家分享下。

源码地址：github.com/liutaigang/…

技术特点

• 零配置。拿来即用，不需要任何配置即可开始使用；
• 零适配。不需要原始的项目做适配；
• 支持单、多页面开发。

演示项目：

Vue3 + Vite 的单页面示例：vue-sample

Vue3 + Vite 的多页面示例：vue-multi-page-sample

Vue3 + React + Vite 的综合示例：vscode-webview-extension-example

获取方式

# pnpm
pnpm i vite-plugin-vscode-webview-hmr -D

# yarn
yarn add vite-plugin-vscode-webview-hmr -D

# npm
npm i vite-plugin-vscode-webview-hmr -D