❤
npm
Sign UpSign In

echo-rui
TypeScript icon, indicating that this package has built-in type declarations

0.1.7 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i echo-rui

Repository

github.com/lujing_girl/echo-rui

Homepage

github.com/lujing_girl/echo-rui

Weekly Downloads

1

Version

0.1.7

License

MIT

Unpacked Size

43.5 kB

Total Files

41

Last publish

Collaborators

  • lujing_girl
Try on RunKit
Report malware