兩種方式
例如組件名是Child,引用組件的項(xiàng)目為Parent
方式一
-
Child里npm link (tnpm link ),生成一個(gè)地址

-
Parent里npm link 生成的地址 (tnpm link /Users/liyuan/Documents/團(tuán)長端/mmc-leader-share-drawer)
-
Parent里引用Child的位置,寫法如下,要寫src,不是構(gòu)建產(chǎn)物lib或者es

-
啟動(dòng)項(xiàng)目 npm start (tnpm start)
方式二
-
拿到Child在電腦中的相對(duì)路徑

-
刪除Child中的lib,es,build文件,要不然讀的代碼不是最新的
-
Parent的package.json中如下填寫:

-
npm i (tips: 不能用tnpm i)
-
npm start
注意:如果引用Child的地方用了Child/lib/xxxx,那啟動(dòng)會(huì)報(bào)錯(cuò),找不到lib下的文件,那就不能實(shí)時(shí)更新了,只能改動(dòng)一次,build一下。取構(gòu)建后的產(chǎn)物
- 方式二的優(yōu)點(diǎn):如果一個(gè)組件被層層引用,而最終主應(yīng)用里沒引用,而層層引用的其他組件又沒改動(dòng),那用主應(yīng)用直接link這個(gè)組件會(huì)更好用
- 方式一的優(yōu)點(diǎn):更好用,不受導(dǎo)入方式的影響,但是方式二的優(yōu)點(diǎn)他沒有
浙公網(wǎng)安備 33010602011771號(hào)