前端 如何debug源码

282 阅读1分钟

1. npm link、yarn link创建软连接。

1. clone 仓库源码(仓库名为 someModule)
2. cd到该仓库下面 执行 yarn 安装依赖
3. 安装完依赖之后 执行 yarn link
4. cd到自己的项目下面 执行 yarn link someModule。 软连接生成完毕。

用改方法创建的软连接,会导致引用报错。需要在config里面配置路径别名。
比如:```tsconfig.json
    "paths": {
      "@/*": ["src/*"],
      "someModule": ["module/src"]
    }
```
tsconfig和webpackconfig(如果使用webpack打包的话)都需要配置。

2. 如果是linux系统,执行ln -s [源文件或目录][目标文件或目录]创建软连接。

1. clone 仓库源码(仓库名为 someModule)
2. cd到该仓库下面 执行 yarn 安装依赖
3. cd到自己的项目下面 执行 ln -s [someModule]/dist someModule

好处:无需修改路径别名

ln文档

link文档

tsconfig配置文档

有疑问的可以留言或者私信我。欢迎交流~