在上一篇文章《vue3 + ts 组件库2》中提到一个问题，即在webpack配置文件中使用resolve.alias配置别名的方式将组件库引入到项目中会导致调用vue不一致的问题。

目前了解到新的本地组件库调试方式： npm link 和 Yalc

• 使用npm link 上述问题依然存在
• 使用Yalc 可以解决上述问题

npm link的使用

1. 在本地组件库根目录执行 npm link 后，npm全局目录会创建一个指向本地组件库的软连；
2. 在项目根目录执行 npm link vue3-ts-flow-components 后， 项目 node_modules 目录下的vue3-ts-flow-components 执行全局目录下的 vue3-ts-flow-components 软连。

Yalc的使用

github.com/wclr/yalc

1. 全局安装yalc

npm i yalc -g

2. 组件库使用yalc模拟发布， yalc会根据配置文件.npmignore中的配置忽略掉不需要发布的文件和文件夹

yalc publish

3. 项目中使用yalc引入组件库

yalc add vue3-ts-flow-components

执行上述命令后：

• 组件库安装到node_modules目录下
• 项目根目录自动新增yalc.lock文件

4. 更新组件库

yalc update vue3-ts-flow-components

5. 移除组件库

yalc remove vue3-ts-flow-components
yalc remove --all