open-index/open-npm huggingface dataset:
npm package: @netease-beauty/beauty-react-ui
Description: 美学后台系统ui组件库
Author: zhangs1988jx@gmail.com
Latest version: 0.1.10

# 美学React UI模块

## 使用说明

### 安装

Install with yarn:
```
$ yarn add @netease-beauty/beauty-react-ui
```
Install with npm:
```
$ npm install @netease-beauty/beauty-react-ui
```

### 引入

```
import { TestButton } from '@netease-beauty/beauty-react-ui'
```

### webpack 配置
beauty_react_ui publish为es6，使用webpack打包时，需要使用babel-loader：
```js
{
  test: /\.js[x]?$/,
  loader: 'babel-loader',
  include: [
    /node_modules(\\|\/)@netease-beauty(\\|\/)beauty-react-ui/
  ]
},
```
beauty_react_ui中 ```import './style.css'```, 使用webpack打包时，需要使用css-loader：
```js
{
  test: /\.css$/,
  use: [ 'style-loader', 'css-loader' ],
  include: [/node_modules(\\|\/)@netease-beauty(\\|\/)beauty-react-ui/]
}
```

## 源码说明

### 目录结构
```
├─build           // gulp, webpack 构建配置
├─components      // 组件源码
├─es              // tsc生成es，publish目录
├─node_modules   
├─public          
├─site            // 组件测试网站（开发用）
└─test
```
npm package: @netease-ehr/button
Description: yarn add umi-library
Author: zhangz
Latest version: 1.0.3

# 安装依赖
yarn add umi-library

# 执行

npx umi-lib build --esm

npx umi-lib build --esm --cjs  
npx umi-lib build --esm babel --cjs babel  
npx umi-lib build --esm target node 
npx umi-lib build --umd foo


-- esm 浏览器使用，支持tree sharking
-- cjs node 使用   es5的模块系统
-- babel 目录到目录的编译方式（制作编译）
-- target node 
-- umd 所有的依赖通过script 引入