前因:组件库 yarn start 失败,原因不明。只能用 yarn link 了。
下面介绍一下如何使用 yarn link 辅助测试自己新写的组件。
-
进入组件库目录,在终端输入
yarn link
、回车。
出现success字样表示链接成功、这个包就被注册到全局了。关闭终端。
-
接着在组件库中开启另一个终端,输入
npm run local
,回车。
然后就会出现Start watching [项目目录] directory...
的信息。
组件库编译成功。这样你就可以在本地调试组件库,同时在项目中同步查看结果,而不是要等到发布之后才能验证。 -
进入项目目录,在终端输入
yarn link [组件库名称]
,回车。 -
现在就可以输入
yarn start
启动项目了 -
想注销链接,在项目的终端输入
yarn unlink
,回车。
============================================================================
我的项目有点特殊,组件库是多包的,我想调试其中的A库,这个时候怎么办呢?
-
进入A库的目录,在该目录下、在终端输入
yarn link
,回车。
这个包就被注册到全局了。关闭终端。 -
进入组件库根目录,在终端输入
npm run local
,回车。 -
在项目的终端输入
yarn link [A库的名字]
,回车。 -
然后就可以通过
yarn start
启动项目了。