Yalc 的使用

[aaa]

问题背景

最近在维护组件库的时候发现组件库中组件使用了 react-hook 导致报错

react hook validate

问题原因

解决方案

(yalc)[https://github.com/whitecolor/yalc]

根据官网介绍, yarn link 是基于 symlinked packages. 虽然实现了本地包调试,但是由于是基于符号链接,还是造成了很多奇怪而难解决的问题.

  Better workflow than npm | yarn link for package authors.

TODO: 粗鄙的功能介绍

安装

  npm i yalc -g

使用

修改组件库项目脚本,每次本地测试 dev 构建后触发一次 yalc push 指令

{
  "scripts": {
    "tsc": "tsc",
    "prepare": "yarn build",
    "build": "rm -rf ./lib && npm run compile",
    "dev": "npm run compile && yalc push",
    "compile": "tsc --project tsconfig.json && tscpaths -p tsconfig.json -s ./src -o ./lib"
  }
}

修改业务项目的 .gitignore 文件,添加:

# yalc 用于本地调试
yalc.lock
.yalc/

然后在业务项目下链接组件包到本地 yalc store

  yalc link my-components

相关资料

facebook/react#14257