从React入门到开发一个后台管理模板初始化react项目项目配置配置路径别名 1：在tsconfig.json配置

初始化react项目

// 生成项目
npx create-react-app webapck-react-admin --template typescript

// 生成项目配置文件
npm run eject

// 安装依赖包
npm install antd react-router-dom axios @reduxjs/toolkit react-redux --save

// 启用tailwindcss，生成tailwind.config.js文件，并且配置它
npx tailwindcss init

项目配置

配置路径别名

1：在tsconfig.json配置路径

2：config/modules.js文件的getWebpackAliases函数，添加配置

配置读取不同的环境变量文件

1：package.json的脚本中添加--env xxx 来指定需要导入的环境变量文件名

2：在scripts/build.js和scripts/start.js 添加代码，获取--env xxx的值

const keyIndex = process.argv.findIndex(item => item === '--env');
process.env.ENV_FILE_NAME = keyIndex > -1 ? process.argv[keyIndex + 1] : process.env.NODE_ENV;

3: 在config/env.js文件中，使用process.env.ENV_FILE_NAME变量

.....待续中.....