kuke-design

kuke-ui

安装

# pnpm 版本 6.x.x
# 升级 pnpm 版本
# npm install -g pnpm@latest-6

# 安装包依赖
npm run bootstrap

# MAC
node ./kuke-ui
make new 组件名 # 创建组件
make initIndex # 初始化组件入口文件

# window
node ./kuke-ui/build/bin/new.js 组件名 # 创建组件
node ./kuke-ui/build/bin/build-entry.js # 初始化组件入口文件

<!-- 执行 make new XXX 命令式时，自动生成 -->
components.json    // 所有组件的集合 {XXXName : XXXName-path}

<!-- 执行 make initIndex 命令式时，自动生成 -->
src/index.js // 包入口

打包部署

# 部署文档 (测试、正式环境无)
pnpm run docs:build

# 打包库
pnpm run lib

# 打包shared-components库
pnpm run shared-components:build

# 打包utils库
pnpm run utils:build

# 未发布到 npm 使用 link, 本地调试
 1.
 pnpm link --global
 pnpm link --global kuke-ui
 2.
 npm i -g yalc
 yalc publish
 yalc add kuke-ui
 yalc remove --all
 3.
 "kuke-ui": "link:D:/xx/kuke-ui"
 "kuke-ui": "file:D:/xx/kuke-ui"

npm

npm view xx ## 查看npm包是否存在
npm config set registry https://registry.npmjs.org
npm adduser # 登录npm
npm who am i
npm publish
npm unpublish --force # 强制删除
npm logout

注意事项

写的时候多考虑一下组件的可拓展性，css怎么维护比较好，可以参考一下开源组件
静态网站路由怎么维护，怎么命名要多考虑一下

---

相关文档

• 组件使用文档地址
• figma 地址
• vuepress 1.x
• element-ui