在這個(gè)文章中，將會(huì)簡(jiǎn)單的介紹如何使用 dumi 和 father-build 來(lái)創(chuàng)建組件庫(kù)和維護(hù)組件庫(kù)。最終我們會(huì)演示如何組織組件庫(kù)的代碼。還會(huì)輸出一個(gè)簡(jiǎn)單的組件庫(kù)。

腳手架初始化

新建一個(gè)空文件夾，然后使用腳手架初始化項(xiàng)目。

mkdir myapp && cd myappnpx @umijs/create-dumi-lib# oryarn create @umijs/dumi-lib

值得注意的是，項(xiàng)目中會(huì)有兩個(gè)配置文件。

.umirc.ts

作為 umi 項(xiàng)目的配置文件，因?yàn)?dumi 其實(shí)是 umi 在組件庫(kù)開(kāi)發(fā)這個(gè)領(lǐng)域的一個(gè)最佳實(shí)踐。但它本質(zhì)上還是一個(gè) umi 插件，這意味著，在 umi 上可用的插件，在 dumi 中僅可正常使用，但是是否能夠?qū)﹂_(kāi)發(fā)的組件庫(kù)，產(chǎn)生影響，就需要看對(duì)應(yīng)的插件，是否在這方面進(jìn)行支持了

.fatherrc.ts

總結(jié)

以上是生活随笔為你收集整理的引入antd组件样式_如何使用 dumi 和 fatherbuild 创建组件库的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。