asm-ui-components v0.1.0

ASM组件库

1. 启动

$ yarn start

2. 开发规范

2.1 图片资源的引入

1. png

import acc from '../assets/accessibility.png';

// jpg和png类似
function Comp() {
  return <img src={acc} />;
}

2. svg

import { ReactComponent as Youtube } from '../assets/youtube.svg';
// 这里要注意，svg资源一定要通过ReactComponent的方式进行使用
function Comp() {
  return <Youtube />;
}

2.2 npm 依赖

本组件库的所以依赖都会被列为externals，并不会进入构建产物，所以，在组件库里使用的依赖，请务必确保在ASM中已经存在

3. 构建

3.1 构建开发模式产物

此命令构建的产物会加上sourcemap，方便打断点调试，并且会监控文件的更改，不断构建最新的产物

$ yarn build:watch

3.2 构建生产模式产物

$ yarn build

4. 发布

4.1 发布之前请先登陆npm

$ npm whoami # 此命令查看当前登陆用户

$ npm login # 此命令用来登陆npm，请确保已经在npm进行了注册

4.2 发布之前一定要先构建！！！否则发布出去的代码跟上一个版本是一样的！！！

$ yarn build  # 构建生产版本的包

4.3 发布

发布之前要确保git工作区是干净的，否则无法发布

1. 升级npm package的版本，根据实际情况使用以下3个命令之一

$ npm version patch # 改动比较小则使用这个命令，比如修改组件样式，增加一些组件说明等
$ npm version minor # 改动比较大则使用这个命令，比如修改了组件的原有逻辑，增加或减少了一些props等
$ npm version major # 新增/删除组件，或者对组件进行了破坏性的更改，则使用这个命令

2. 发布到npm

$ npm publish

3. 发布完成后，去到ASM里面yarn以下，确保ASM拿到的是最新的组件库代码

npm link问题

https://stackoverflow.com/questions/65259040/react-antd-rollup-component-library-error-invalid-hook-call-hooks-can-onl