項(xiàng)目地址

1.技術(shù)棧

React
Mirror
AntDesign

2.運(yùn)行本項(xiàng)目

安裝淘寶鏡像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝package.json所記錄的依賴
cnpm i

運(yùn)行項(xiàng)目，瀏覽器打開8000端口
npm start

3.創(chuàng)建本項(xiàng)目的步驟

使用create-react-app創(chuàng)建一個(gè)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"
        }
    ]
}