两种方式

例如组件名是Child,引用组件的项目为Parent

方式一

  • Child里npm link (tnpm link ),生成一个地址

  • Parent里npm link 生成的地址 (tnpm link /Users/liyuan/Documents/团长端/mmc-leader-share-drawer)

  • Parent里引用Child的位置,写法如下,要写src,不是构建产物lib或者es

  • 启动项目 npm start (tnpm start)

方式二

  • 拿到Child在电脑中的相对路径

  • 删除Child中的lib,es,build文件,要不然读的代码不是最新的

  • Parent的package.json中如下填写:

  • npm i (tips: 不能用tnpm i)

  • npm start

注意:如果引用Child的地方用了Child/lib/xxxx,那启动会报错,找不到lib下的文件,那就不能实时更新了,只能改动一次,build一下。取构建后的产物

  1. 方式二的优点:如果一个组件被层层引用,而最终主应用里没引用,而层层引用的其他组件又没改动,那用主应用直接link这个组件会更好用
  2. 方式一的优点:更好用,不受导入方式的影响,但是方式二的优点他没有
posted on 2024-07-03 17:18  蒸汽小工人  阅读(4)  评论(0编辑  收藏  举报