umi-lib-test v1.0.0

QBMI

介绍

金蜜智造组件库 基于antd design 二次封装

软件架构

软件架构说明

安装教程

1. yarn add umi-library -D

使用说明

1. esm打包: npx umi-lib build --esm

es6打包，供浏览器使用

2. cjs打包: npx umi-lib build --cjs

es5打包，供Node使用

3. 多种方式同时打包: npx umi-lib build --esm --cjs

4. babel 打包方式

npx umi-lib build --esm babel --cjs babel

5. target 指定node 或浏览器 默认浏览器

npx umi-lib build --esm --target node

6. umd打包: npx umi-lib build --umd foo

打包成一个文件，通过script的方式引用, 需要指定name

如上文的命令， 就可以通过 window.foo 引用 库文件代码

7. 通过配置文件的方式

自动读取配置文件.umirc.library.js，然后执行npx umi-lib build

8. 通过 *.mdx自动生成文档

9. 通过 *.module.less 自动生成 css-module

10. 打包注意事项 关于 dependencies、peerDependencies 和 external cjs 和 esm 格式打包方式选 rollup 时有个约定，dependencies 和 peerDependencies 里的内容会被 external esm.mjs 和 umd 格式，只有 peerDenendencies 会被 external 打包方式 babel 时无需考虑 external，因为是文件到文件的编译，不处理文件合并

或者在配置文件中指定

11. 发布前注意事项

在 package.json 中指定 files 表示要发布哪些文件

  "main": "./dist/index.js",
  "unpkg": "./dist/index.umd.js",
  "module": "./dist/index.esm.js",
  "files": [
    "dist"
  ],

通过 npm pack 文件大小等信息