1.使用dumi搭建組件庫
前情：原先在github找個別人寫好的組件庫研究搭建的webpack配置鸦致，結(jié)果很多問題，經(jīng)過一天的修修改改才能install之景、build及l(fā)ink憋沿。研究了一天后了解到dumi逛揩，為組件開發(fā)場景而生的文檔工具跷跪。具體的搭建可以查看下文的鏈接馋嗜，就不獻(xiàn)丑了。
dumi 文檔：https://d.umijs.org/zh-CN
2.本地測試組件庫是否能用
首先使用npm run build完成構(gòu)建打包
再在組件庫目錄下執(zhí)行：npm link
最后在本地的其他項(xiàng)目下執(zhí)行：npm link [組件庫的packagejs的name]
場景描述：現(xiàn)有項(xiàng)目 my-app 及 組件庫 dumi-ui（package文件里的name：dumi-ui）
- 在dumi-ui 組件庫目錄下執(zhí)行 npm link
npm link
- 在項(xiàng)目my-app 根目錄下執(zhí)行：
npm link dumi-ui
- 在 my-app 引入組件庫的Foo組件
import { Foo } from 'dumi-ui'
3.本地測試通過后需要unlink
- 在dumi-ui 目錄下執(zhí)行
npm unlink
- 在my-app 目錄下執(zhí)行
npm unlink dumi-ui
4.發(fā)布包
- 登錄（在dumi-ui目錄下）
npm login
注意：設(shè)置了淘寶鏡像會影響登錄域庇，如果登錄不成功可以試一下
npm config set registry https://registry.npmjs.org/
- 發(fā)包（登錄成功后）
npm publish
