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