echo-rui v0.1.7

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