vite本地开发调试

503 阅读1分钟

新建vite项目

cd /myproject

npm create vite@latest

克隆vite源码

cd /vitesource

git clone https://github.com/vitejs/vite.git

pnpm install

cd ./packages/vite

pnpm run dev

开发调试

cd /myproject

pnpm link /vitesource/vite/packages/vite

pnpm run dev

chrome debug调试

./packages/vite/src/node/cli.ts 添加 debugger,如下图:

image.png

cd /myproject

node --inspect-brk /vitesource/vite/packages/vite/dist/node/cli.js

然后在Chrome浏览器内按F12,点击左上角绿色小图标

image.png

image.png

然后点击右上角Resume script execution

image.png

结束,感谢您的阅读~