Skip to content

组件库构建方案

ZhouZhen edited this page Dec 22, 2021 · 3 revisions

@gnauhca | 2020-03-26

组件库构建方案

基础构建

  • 基础配置
  • 开发调试,md 文档处理方案
  • umd/commonjs/esm 包的构建
  • 按需加载产物构建方案
  • 按需加载 ESM

文档站点构建

  • 文档搜索方案
  • 站点版本管理

统一多框架构建流程(目前先实现 vue 版,可以延后讨论)

  • 将构建逻辑包装成 CLI 工具,类似 antd-tool

CI

  • 自动测试,构建
  • changelog 自动生成与管理
  • tag
  • 自动发包策略

@BuptStEve

目前 tua-ui 采用了 rollup 构建,编译产出6份输出文件:

  • esm
  • common
  • umdDev(适用于不支持 esm 的浏览器版本)
  • umdProd(压缩)
  • esmBrowserDev(支持 esm 的现代浏览器版本)
  • esmBrowserProd(压缩)

@Nice-PLQ 1、产物是不是2份就可以了,esm、umd这两个 2、按需加载用现有的babel-plugin-import

@匿名 推荐 lerna + rollup