首页 前端知识 React组件库实践:React Typescript Less Rollup Storybook

React组件库实践:React Typescript Less Rollup Storybook

2025-03-05 17:03:09 前端知识 前端哥 191 466 我要收藏

背景

原先在做低代码平台的时候,刚好有搭载React组件库的需求,所以就搞了一套通用的React组件库模版。目前通过这套模板也搭建过好几个组件库。

为了让这个模板更干净和通用,我把所有和低代码相关的代码都剔除了,只保留最纯粹的react组件库所需要的代码,并且同步到了github:react-standard-components。

技术栈

技术栈:React Typescript Less Rollup Storybook

组件库用Rollup.js构建,目前支持2种format:umdesm。目前主要的使用方式还是CDN和es module,所以就没构建cjs格式的bundle。

样式用style inject方式处理,所以不存在单独的css产物。引入组件时也不需要额外引入.css文件,直接引入组件bundle即可。

支持alias,我发现很多react组件库相关的文章或者仓库,其所提供的相关配置都不支持alias,但个人感觉alias是能提升开发体验的,所以特别提一下。

默认别名有:"@/*": ["src/*"],可自行修改。需要注意的是Storybook有自己的配置在.storybook/main.js,如果要改的话,这里storybook的webpack配置也需要改。

介绍

转载请注明出处或者链接地址:https://www.qianduange.cn//article/22731.html
标签
评论
发布的文章

python连接neo4j的方式汇总

2025-03-05 18:03:12

五子棋对弈

2025-03-05 18:03:12

奖学金(acwing)c

2025-03-05 18:03:11

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!