@bud-fe/react-taro-ui v0.9.9
@bud-fe/react-taro-ui
百威前端 React Taro 组件库,部分组件基于 taro-ui
。目前主要用于 Bees Force 的钉钉小程序
📦 安装
先确保项目已安装 taro-ui@^3.0.0-alpha.10
然后执行
$ pnpm add @bud-fe/react-taro-ui
# or
$ npm i --save @bud-fe/react-taro-ui
# or
$ yarn add @bud-fe/react-taro-ui
🔨 使用
引入组件
方式一:通过 babel 插件按需引入组件
- 确认项目中已安装
babel-plugin-import
- 在
babel.config.js
中添加配置:
plugins: [ [ 'import', { libraryName: '@bud-fe/react-taro-ui', libraryDirectory: 'es/components', style: (name) => `${name}/index.css`, }, '@bud-fe/react-taro-ui', ], ];
- 接着就可以在代码中直接引入组件,插件会自动将代码转化为按需引入的形式
// 原始代码 import { BfCheckbox } from '@bud-fe/react-taro-ui'; // 编译后代码 import BfCheckbox from '@bud-fe/react-taro-ui/es/components/bf-checkbox'; import '@bud-fe/react-taro-ui/es/components/bf-checkbox/index.css';
- 确认项目中已安装
方式二:手动按需引入组件
在不使用插件的情况下,可以手动引入需要使用的组件和样式。
// 引入组件 import BfCheckbox from '@bud-fe/react-taro-ui/es/components/bf-checkbox'; // 引入组件对应的样式,若组件没有样式文件,则无须引入 import '@bud-fe/react-taro-ui/es/components/bf-checkbox/index.css';
11 days ago
11 days ago
11 days ago
16 days ago
17 days ago
17 days ago
29 days ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
8 months ago
10 months ago
10 months ago
9 months ago
10 months ago
6 months ago
9 months ago
10 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago