自定义封装的Create React App配置覆盖, 支持 react-scripts、vite

使用方法

• 使用 vite 启动项目

cra start --type vite

• 使用 vite 打包项目

cra build --type vite

• 使用 vite 指定环境打包项目

cross-env REACT_APP_NODE_ENV=test cra build --type vite

• 使用 vite analyze 分析打包依赖大小

cross-env REACT_APP_NODE_ENV=analyze cra build --type vite

• 使用 react-script craco 启动项目

cra start --type craco

• 使用 react-script craco 打包项目

cra build --type craco

• 使用 react-script craco 指定环境打包项目

cross-env REACT_APP_NODE_ENV=test cra build --type craco

• 使用 react-script craco analyze 分析打包依赖大小

cross-env REACT_APP_NODE_ENV=analyze cra build --type craco

环境变量说明

可以使用 .env 文件来配置环境变量，也可以使用 cross-env 来设置环境变量。

REACT_APP_ 前缀开头的是自定义的环境变量，其他变量都是 create-react-app 默认支持的变量。

变量名称	说明	类型	默认值
REACT_APP_COOKIE_PREFIX	cookie 前缀	string	""
REACT_APP_LOGIN_TITLE	登录页标题	string	""
REACT_APP_NAME	项目名称	string	""
REACT_APP_DESCRIPTION	项目描述	string	""
PORT	端口号	number	3000
BROWSER	dev 环境启动时是否自动打开浏览器	boolean	true
PUBLIC_URL	打包时静态资源路径前缀 也可以使用 package.json (homepage) 设置	string	/
GENERATE_SOURCEMAP	是否生成 sourcemap	boolean	true
DISABLE_ESLINT_PLUGIN	是否禁用 eslint	boolean	false
IMAGE_INLINE_SIZE_LIMIT	内联图片大小限制 (单位 kb)	number	1000
EXTEND_ESLINT	是否使用自定义 eslint 规则	boolean	true
VITE_APP_DISABLE_LEGACY	是否禁用 legacy 兼容	boolean	false