echo-rui
v0.1.7
Published
react components library
Downloads
11
Maintainers
Readme
echo-rui
这是一套基于react+typescript的ui组件库
安装
使用 npm 或 yarn 安装
npm install echo-rui --save
yarn add echo-rui
使用
- 全量引入
引用样式
import 'echo-rui/dist/index.css';
使用组件
import { Button } from 'echo-rui';
ReactDOM.render(<Button />, mountNode);
- 按需加载
下面两种方式都可以只加载用到的组件。
使用 babel-plugin-import(推荐)
npm install babel-plugin-import -D
// .babelrc.js
plugins: [
[
"import",
{
libraryName: "echo-rui",
camel2DashComponentName: false, // 是否需要驼峰转短线
camel2UnderlineComponentName: false, // 是否需要驼峰转下划线
libraryDirectory: "dist/components",
style: "css",
},
],
],
然后只需从 echo-rui 引入模块即可,无需单独引入样式。等同于下面手动引入的方式。
// babel-plugin-import 会帮助你加载 JS 和 CSS
import { Button } from 'echo-rui';
手动引入
import Button from 'echo-rui/components/Button'; // 加载 JS
import 'echo-rui/components/Button/style/css'; // 加载 CSS