说明:
完成一个组件库需要考虑的问题
1.代码结构 2.样式解决方案 3.组件需求分析和编码 4.组件测试用例分析和编码 5.代码打包输出和发布 6.CI/CD,文档生成等等
一、项目搭建
1.创建项目
> npx create-react-app mambaship --typescript
2.安装eslint插件
在vscode中搜索,点击安装即可
3.在项目中安装sass依赖
>npm install node-sass --save
4.样式解决方案分析
使用SASS/LESS
样式系统文件结构
5.normalize.css【跨浏览器解决css一致性】
说明:1)保护浏览器的默认样式
2)为大部分浏览器提供一般化的样式
3)修复浏览器自身的bug,并保证浏览器样式的一致性
4)优化css可用性
5)用详尽的注释和代码解释里面是干什么的
6.小工具classnames
>cnpm install classnames --save
>cnpm install @types/classnames --save