(React+TypeScript实战篇)三.组件库项目

说明:

完成一个组件库需要考虑的问题

1.代码结构 2.样式解决方案 3.组件需求分析和编码 4.组件测试用例分析和编码 5.代码打包输出和发布 6.CI/CD,文档生成等等

 

一、项目搭建

1.创建项目

> npx create-react-app mambaship --typescript

2.安装eslint插件

在vscode中搜索,点击安装即可

(React+TypeScript实战篇)三.组件库项目_第1张图片

3.在项目中安装sass依赖

>npm install node-sass --save

4.样式解决方案分析

使用SASS/LESS

样式系统文件结构

(React+TypeScript实战篇)三.组件库项目_第2张图片

5.normalize.css【跨浏览器解决css一致性】

说明:1)保护浏览器的默认样式

2)为大部分浏览器提供一般化的样式

3)修复浏览器自身的bug,并保证浏览器样式的一致性

4)优化css可用性

5)用详尽的注释和代码解释里面是干什么的

 

6.小工具classnames

>cnpm install classnames --save

>cnpm install @types/classnames --save

 

 

 

 

 

 

你可能感兴趣的:(typescript,react)