react配置
文章平均质量分 67
繁星召唤
I am because you are; Get busy living or get busy dying.
展开
-
【React】从零开始搭建react函数式组件+router+redux+less+sass+axios反向代理+antd
【React+TS】从零开始搭建react+router+redux+less+sass+axios反向代理+antd,如有问题,请及时留言,看到后会及时解答的原创 2022-05-04 11:27:15 · 3246 阅读 · 1 评论 -
【React+TS】从零开始搭建react+typescript+router+redux+less+pxToVw自适应+sass+axios反向代理+别名@+Antd-mobile
【React+TS】从零开始搭建react+typescript+router+redux+less+px2rem自适应+sass+axios反向代理+别名@+antd-mobil,如有问题,请及时留言,看到后会及时解答的本次修改原因:提供两种方式px2rem和pxToVw配置自适应,删减重复步骤原创 2021-12-08 19:38:23 · 8585 阅读 · 11 评论 -
【react】create-react-app配置路径别名@
react官方脚手架默认是将webpack配置隐藏起来了,在进行配置之前需要将webpack给暴露出来。一、输入命令 npm run eject(在配置less中已经操作过可以直接下一步)会出现一个命令提示:这是一个单向操作,确认操作后不可逆转/返回?输入y回车成功之后 在项目根目录出现config文件夹二、打开 config 文件夹下的 webpack.config.js 文件三、搜索 alias四、参照如下格式,设置路径别名alias: { ...原创 2021-12-04 18:45:46 · 1471 阅读 · 0 评论 -
【react】create-react-app配置axios和反向代理
一、安装axiosnpm i -s axios二、创建api目录,并添加下面两个文件//request.jsimport axios from 'axios';export const Service = axios.create({ timeout:3000, //延迟时间 method:'POST', headers:{ "pc-token": "设置自己的token", "content-Type": "applicatio原创 2021-12-04 18:29:09 · 1348 阅读 · 0 评论 -
【react】create-react-app配置redux
一、安装npm i redux react-redux -s二、初始化store1. 在index.js中引入redux中的createStoreimport {createStore} from 'redux';2. 在index.js中使用createStore创建storeconst store = createStore(/* 后面加入 */)3. 在src中创建reducers(减速器)文件夹,并创建rootReducer.js文件4. 在rootRedu原创 2021-12-04 18:01:08 · 870 阅读 · 0 评论 -
【react】create-react-app配置px2rem
一、自适应1. 自定义webpack,运行该命令,会把webpack的配置文件暴露出来(如果前期没有暴露的话,否则直接第二步)npm run eject2. 安装lib-flexible、px2rem,这里安装postcss-px2rem-exclude,postcss-px2rem-exclude中包含了px2remnpm i lib-flexible postcss-px2rem-exclude -s3. 配置config/webpack.config.js,在config目录下原创 2021-12-04 17:08:23 · 1650 阅读 · 5 评论 -
使用React-Router-Dom v6开发一个React应用程序
在这篇文章中,我将给出如何在React Router Dom的帮助下创建一个React App的完整过程。 React Router v6 主要用于开发单页Web应用。点我查看 React Router 6article.在这个例子中,我们将创建一个简单的响应应用程序,它将有多个页面,但仍然是一个单页面应用程序。反应路由器的主要优点是,例如,当单击到另一个页面的链接时,页面不需要刷新。在本例中,我们将创建一个简单的4页应用程序,其中包含最少的内容,但重点将放在...原创 2021-12-03 20:26:39 · 782 阅读 · 0 评论 -
【react】‘ Switch ‘不从‘ react-router-dom ‘导出问题解决方法
今天我配置react-router时出现了以下错误' Switch '不是从' react-router-dom '在reactjs导出。所以我列举一下所有可能的解决办法。不浪费你的时间,让我们开始这篇文章解决这个错误。' Switch '不导出' react-router-dom '错误是如何发生的?' Switch '不导出' react-router-dom '错误是如何发生的?我出现了以下错误。'Switch' is not exported from 'react-r原创 2021-12-02 21:20:33 · 2116 阅读 · 0 评论 -
【react】create-react-app配置less
一、安装npm install --save lessnpm install --save less-loader@6.0.0 //记得加上版本号,版本过高会报错二、将webpack.config.js暴露出来npm run eject //会生成config、scripts目录三、找到config目录下的webpack.config.js文件,在50-70行之间有个cssRegex,在此处添加const lessRegex =/\.less$/;const lessModu原创 2021-12-04 16:43:47 · 1156 阅读 · 0 评论