背景
原先在做低代码平台的时候,刚好有搭载React组件库的需求,所以就搞了一套通用的React组件库模版。目前通过这套模板也搭建过好几个组件库。
为了让这个模板更干净和通用,我把所有和低代码相关的代码都剔除了,只保留最纯粹的react组件库所需要的代码,并且同步到了github:react-standard-components。
技术栈
技术栈:React Typescript Less Rollup Storybook
组件库用Rollup.js构建,目前支持2种format:umd
、esm
。目前主要的使用方式还是CDN和es module,所以就没构建cjs格式的bundle。
样式用style inject方式处理,所以不存在单独的css产物。引入组件时也不需要额外引入.css文件,直接引入组件bundle即可。
支持alias,我发现很多react组件库相关的文章或者仓库,其所提供的相关配置都不支持alias,但个人感觉alias是能提升开发体验的,所以特别提一下。
默认别名有:"@/*": ["src/*"]
,可自行修改。需要注意的是Storybook有自己的配置在.storybook/main.js
,如果要改的话,这里storybook的webpack配置也需要改。