组件库启动不了的时候、如何测试新写的组件?【本地调试组件库】

前因:组件库 yarn start 失败,原因不明。只能用 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 启动项目了。

原文地址:https://www.cnblogs.com/hikki-station/p/15098801.html