完成一个组件库涉及多个方面，包括确定代码结构和样式规范，如使用eslint进行前端代码规范，选择Inlinecss,cssinjs,styledcomponent,或者sass/less等方案。此外，需进行组件需求分析和编码，编写测试用例，以及处理代码打包和发布。例如，针对按钮组件，要涵盖不同类型、尺寸和禁用状态。同时，应用normalize.css标准化浏览器样式，并管理样式变量，如色彩、字体和按钮设计。
完成一个组件库需要考虑的问题
- 代码结构，样式规范：eslint
- 前端代码规范
- 样式解决方案：Inline css ；css in js ； styled component ；sass/less
- 组件需求分析和编码
- 组件测试用例分析和编码
- 代码打包输出和发布
npm install node-sass --save
组件库样式变量分类
- 基础色彩系统
- 字体系统
- 表单
- 按钮
- 边框和阴影
- 可配置开关
添加 normalize.css：一般化大部分浏览器的默认样式
样式入口文件：引入成果
button
button组件需求分析
- 不同的Button type
- 不同的Button size
- disabled状态
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
