easy-ui-mobile
,是一款基于 Dumi,由 React + TypeScript 开发的组件库 🎉。如果你也想学习组件开发,欢迎加入或提供意见,该项目会长期更新,欢迎你的 start⭐
- 🌈 提炼组件库设计良好的视觉风格
- 📦 渐进式探索高质量的前端代码的实现
- 🛡 使用 TypeScript 开发,提升开发体验
- ✅ 组件内部使用 antd 风格,以及 antd 内部颜色
- 📖 提供开发过程的文档思路,助力你学习组件开发
- 🔖 该项目会长期维护,并不断探索最佳实践
我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。
npm install easy-ui-mobile --save
yarn add easy-ui-mobile
easy-ui-mobile
默认支持基于 ES modules 的 tree shaking,对于 js 部分,直接引入 import { OrgTree } from 'easy-ui-mobile'
就会有按需加载的效果。
import { Toast } from 'easy-ui-mobile';
手动引入样式
import 'easy-ui-mobile/lib/toast/style';
使用babel-plugin-import帮助我们引入样式
[
'import',
{ libraryName: 'easy-ui-mobile', libraryDirectory: 'lib', style: true },
'easy-ui-mobile',
];
TypeScript#
easy-ui-mobile
使用 TypeScript 进行书写并提供了完整的定义文件。