探索 ANTD 秘密花園 - 程式碼解析（ㄧ）

為什麼我要讀 ANTD 的程式碼？

• 理解核心概念
• 學習最佳實踐
• 問題解決
• 自定義和擴展

從 package.json 開始

dumi

• dumi = umi 改裝車, umi = vite 改裝車
• dumi 提供一站式組件開發體驗
• 建構靜態網站: Markdown, 約定路由, 組件 demo, 多語系, 全文搜索
• NPM 包研發工具: 更高效的開發, 打包產物, 發布至 NPM

@ant-design/tools

• antd 專用指令集 (打包, lint, 測試, 移除特定目錄)
• 沒有文檔

RC-XXXXX

• headless ui components
• 專注於行為功能、無樣式、高度可定制、輕量
• rc-dialog

npm run authors

• 使用 nodejs 讀本地 git 紀錄, 提取所有參與者的名稱, 建立檔案 contributors.json
• 完成 json 之後下一步不明, 不知道做什麼幹嘛, 可能是廢棄了或者有其他隱形的依賴關係

npm run version

• 使用 nodejs 讀 package.json, 提取版本號, 建立檔案 components/version/version.ts
• 用 nodejs 寫 ts ?!

npm run start

• 啟動本地開發 server

npm run build

• 生成 antd NPM 組件庫
• 生成 dist, es, lib 三種版本

npm run site

• 生成 antd 官方網站