react 后台（一）react + redux + react-route + webpack+ axios + antd+styled-components（替代less）...

墨蓝 2021-11-02 10:26 210阅读 0赞

### `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

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-app-rewired start",  
"build": "react-app-rewired build",  
"test": "react-app-rewired test --env=jsdom",  
"eject": "react-app-rewired eject"  
\},

创建文件 config-overrides.js

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

如果要修改主题色

const { override, fixBabelImports, addLessLoader } = require('customize-cra');
    
    module.exports = override(
      fixBabelImports('import', {
        libraryName: 'antd',
        libraryDirectory: 'es',
    
       style: true,
      }),
     addLessLoader({
       javascriptEnabled: true,
       modifyVars: { '@primary-color': '#1DA57A' },
     }),
    );

可以运行

npm start

转载于:https://www.cnblogs.com/dianzan/p/11302108.html

发表评论取消回复

表情：

评论列表（有 0 条评论，210人围观）

还没有评论，来说两句吧...

相关阅读

相关「HearLing」React学习之路-redux、react-redux

前言这篇文章零基础也可以看，我尽量写得简单易懂了，如果觉得理解起来有点费力，也可以先去官网入门。目前我还只是初学React，只能算入门，如果有哪里说的不对的，

小咪咪/ 2022年09月02日 14:48/ 0 赞/ 226 阅读

相关 react+redux(一)

最近学react，以前学个组件库也就是几天的事情，这次都折腾快一个星期了，才入门。虽然可以用react开发界面了，但好多资料里说要开发复杂应用必须用redux，只好找来试试咯。

雨点打透心脏的1/2处/ 2022年06月13日 13:49/ 0 赞/ 201 阅读

相关 react redux

在react中使用redux入门。基本的例子使用redux管理react的状态。 <!DOCTYPE html> <html> <head>

亦凉/ 2022年02月19日 00:39/ 0 赞/ 237 阅读

相关 react redux redux-saga

react是前端view框架 redux是前端状态管理器 redux-saga是redux的升级版，异步状态管理 `saga.js`管理异步状态变更，一般是

柔光的暖阳◎/ 2022年02月18日 11:11/ 0 赞/ 286 阅读

相关一篇文章总结redux、react-redux、redux-saga

> 本篇主要将react全家桶的产品非常精炼的提取了核心内容，精华程度堪比精油。各位大人，既然来了，客官您坐，来人，给客官看茶~~ redux 前言首先，本篇文

深碍√TFBOYSˉ_/ 2022年01月23日 07:39/ 0 赞/ 328 阅读

相关 react 后台（一）react + redux + react-route + webpack+ axios + antd+styled-components（替代less）...

`create-react-app my-admin` 项目技术栈 react + redux + react-route + webpack+ axios + a

墨蓝/ 2021年11月02日 10:26/ 0 赞/ 211 阅读

相关简单而又详细的react+reactRouter+redux项目

看了网上的很多关于reactRouter和redux的文章，感觉自己理解的都很乱，众说纷纭，不知道从何下手，其实我就是想要一套开发项目的模板，就这么简单。看了挺多文章，所以现在

小咪咪/ 2021年09月15日 05:12/ 0 赞/ 342 阅读

相关 react redux

redux store:数据仓库,保存数据的地方 state:一个对象,数据库里的所有数据都放到一个state action:一

爱被打了一巴掌/ 2021年07月25日 02:30/ 0 赞/ 419 阅读

相关 react react-redux

react-redux 和redux一样效果,不同实现安装 cnpm install react-redux --save

蔚落/ 2021年07月24日 16:29/ 0 赞/ 449 阅读

相关 react-redux总结

1、react.js的高阶组件。每个组件之间可能会存在很多重复的逻辑，例如从localstorage获取数据，再渲染出来。如果没有使用高阶组件，则获取数据这个逻辑，在...

你的名字/ 2020年11月29日 15:53/ 0 赞/ 700 阅读