anice-ui

nice-ui

基于 react、antd 封装的场景化 ui 库

Project setup

$ npm install --verbose

$ cd website && npm install --verbose

New & Remove

$ npm run new

$ npm run remove

Development

$ npm run watch

$ npm run website

# 打开 http://127.0.0.1:9999/

Build

$ npm run build

Install

$ npm install anice-ui@https://github.com/rgy19930329/nice-ui.git#master --save

或者

$ npm install anice-ui --verbose

Usage

// 方案一： 修改 webpack 配置：

module: {
  loaders: [
    {
      test: /\.(js|jsx)$/,
      include: [
        ...
        path.resolve(__dirname, 'node_modules/anice-ui/src'),
      ],
    }
  ]
}

// 方案二：配置babel plugins

// 第一步

"plugins": [
  [
    "import", {
      "libraryName": "anice-ui",
      "libraryDirectory": "es",
    }
  ]
]

// 第二步 入口文件中添加：

import "antd/dist/antd.css";

// 第三步 入口文件中添加：

import "babel-polyfill";

// 或者 在 webpack 配置的 entry 字段最前面添加

entry: [
  "babel-polyfill",
  //...
]

Import

import { Label } from "anice-ui";

Components