Eadia

赞

3

|

搜索文章

React基础框架搭建11-env不同环境配置（基础结束）：react+router+redux+axios+Tailwind+webpack

1、创建不同的 .env 文件 .env.development：用于开发环境 .env.test：用于测试环境 .env.production：用于生产环境 2、在 package.json 中配置

25天前
29
点赞
评论

React基础框架搭建10-webpack配置：react+router+redux+axios+Tailwind+webpack

webpack配置在根目录创建webpack.config.js 在 package.json 中添加 Webpack 的构建和开发脚本：

28天前
34
点赞
评论

React基础框架搭建9-实现 API 请求管理-mock数据：react+router+redux+axios+Tailwind+webpack

1、创建一个json数据到根目录mock.json 2、更新api封装地址： 3、运行：在项目根目录下，使用以下命令启动 json-server：启动项目：

29天前
28
点赞
评论

React基础框架搭建8-axios封装与未封装，实现 API 请求管理：react+router+redux+axios+Tailwind+webpack

npm install axios 一、api基础使用（未封装） 1、在 src/api/ 目录下创建一个新的文件 productService.js，用于管理所有的 API 请求。更新 Redux

1月前
43
点赞
评论

React基础框架搭建7-单元测试：react+router+redux+axios+Tailwind+webpack

现在可以对之前弄得一些内容进行测试了 npm下载：有些可能需要安装：单元测试请按如下方式进行：运行：

1月前
53
1
评论

React基础框架搭建6-添加业务模块示例（用于做一些示例/demo）：react+router+redux+axios+Tailwind+webpack

1、创建用户认证模块创建目录：在 src/features/ 目录下创建一个新的文件夹 Auth：在Auth文件夹下创建状态切片 authSlice.js 更新 Redux Store：安装

1月前
16
点赞
评论

React基础框架搭建5-路由配置：react+router+redux+axios+Tailwind+webpack

1、创建文件在 src 目录下创建一个 router 文件夹，并在其中创建 AppRouter.jsx 文件 2、创建示例页面在 src/views 目录下创建 Home 文件夹，并在其中创建

1月前
24
点赞
评论

react基础框架搭建4-tailwindcss配置：react+router+redux+axios+Tailwind+webpack

可以加速css编写速度官方文档： https://www.tailwindcss.cn/ 1、初始化 2、配置 tailwind.config.js：在根目录创建此文件 3、在 src/index

1月前
30
点赞
评论

react基础框架搭建3-配置 Redux：react+router+redux+axios+Tailwind+webpack

1、创建redux store： 2、示例 Slice：创建src/store目录下创建authSlice.js文件 3、引入 Redux Store 更新src/index.js

1月前
26
点赞
评论

react基础框架搭建2-准备工作：react+router+redux+axios+Tailwind+webpack

环境配置确保您的开发环境中已安装以下工具： Node.js (建议使用 LTS 版本) npm 或 yarn 安装依赖在项目根目录下运行以下命令以安装项目依赖：添加新组件在 src/compo

1月前
25
点赞
评论

个人成就

文章被点赞 2

文章被阅读 6,839

加入于

2016-10-13