Skip to content

README.md

Latest commit

 

History

History
75 lines (51 loc) · 2.84 KB

README.md

File metadata and controls

75 lines (51 loc) · 2.84 KB

自定义封装的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