react 后台（一）new

create-react-app my-admin

项目技术栈

react + redux + react-route + webpack+ axios + antd+styled-components（替代less）

yarn add antd

yarn add axios

yarn add react-redux

yarn add react-router

yarn add react-router-dom

yarn add react-router-redux

yarn add redux

yarn add redux-actions

yarn add redux-mock-store

yarn add redux-thunk

扫描二维码关注公众号，回复： 6954049 查看本文章

yarn add immutable

yarn add redux-immutable

yarn add styled-components

yarn add echarts

yarn add react-app-rewired

yarn add customize-cra

修改

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

改为

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

创建文件 config-overrides.js

const { override, fixBabelImports } = require('customize-cra');
module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: 'css',
  }),
);

可以运行

npm start