本地运行

1. 克隆项目：git clone git@github.com:tjx666/vscode-webview-webpack-hmr-example.git
2. 安装依赖：npm install
3. 打开 VSCode debug 面板，点击 Run Extension
4. 在扩展开发窗口通过快捷键 cmd + shift + p 打开命令面板，调用命令: Open Webview For Test Webpack HMR 打开用于测试的 Webview

注意：需要安装 VSCode 扩展 amodio.tsl-problem-matcher，不然 VSCode 识别不了 webpack 什么时候打包结束

运行效果

博客阅读地址：

• 知乎 - VSCode Webview 完美集成 Webpack 热更新
• 掘金 - VSCode Webview 完美集成 Webpack 热更新

如果对你有用，希望能动动你的小手给这个项目点个 ⭐️，给博客点个 👍🏻。