React + Mirror + AntDesign

项目地址

1.技术栈

React
Mirror
AntDesign

2.运行本项目

安装淘宝镜像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装package.json所记录的依赖
cnpm i

运行项目，浏览器打开8000端口
npm start

3.创建本项目的步骤

使用create-react-app创建一个react app:

cnpm i -g create-react-app
create-react-app my-app

安装Mirror:

cd my-app
cnpm i --save mirrorx
npm start

在index.js中添加以下代码：

import mirror, {actions, connect, render, Router} from 'mirrorx'

引入AntDesign UI
cnpm i antd --save

在index.js中添加以下代码：

import 'antd'
import 'antd/dist/antd.css'

引入less
cnpm i less less-loader --save-dev

在webpack.config.js中添加以下代码：

module: {
    rules: [
        {
            test: /\.less$/,
            loader: "style-loader!css-loader!less-loader"
        }
    ]
}