第一步:第三方库(xxx)执行如下指令
// 将xxx项目内部所有文件进行软连接
pnpm link ./
第二步:本地开发项目内部执行如下指令
// 软连接第三库目录地址
pnpm link ../xxx
第三步:本地开发项目取消软链接
pnpm unlink ../xxx
提示: 默认情况下本地开发项目链接的是打包后生成的dist目录下的index文件
因此修改第三方库后,需要打包重新生成 dist,这样本地开发项目才会生效
那么如何直接调试第三方库的源码而无需重新打包呢?
将第三方库中的package.json 中的main或者module指明的入口文件换成src/index.ts即可
// 原内容
"module": "dist/index.esm.js"
// 修改为
"module": "src/index.ts"
注意:如果vite 项目中配置了
optimizeDeps: { include: optimizeDepsElementPlusIncludes, }
需要查看optimizeDepsElementPlusIncludes里面是否包含了这个第三方库,如果包含需要去掉。否则第三方库做修改,本地开发项目内部不能生效