美学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：

{
  test: /\.js[x]?$/,
  loader: 'babel-loader',
  include: [
    /node_modules(\\|\/)@netease-beauty(\\|\/)beauty-react-ui/
  ]
},

beauty_react_ui中 import './style.css', 使用webpack打包时，需要使用css-loader：

{
  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