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

    技术2023-05-06  73

    说明:

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

    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

     

     

     

     

     

     

    Processed: 0.010, SQL: 9