SuperAPI AI 工具集

react-dockerfile

前端与建站

查看项目

更新于 10-15 23:33

技能介绍

用途:为 React 应用生成生产可用的多阶段 Dockerfile,构建阶段用 Node.js,运行阶段用 Nginx 提供静态文件,适用于 Vite(默认)、Create React App 和 Next.js 静态导出。

主要能力:自动判断构建工具与 Node.js 版本(读取 .nvmrc、package.json engines,默认 Node 22 LTS);检查已有 nginx 配置;提供标准、非 root(推荐)、运行时环境变量三种优化方案;附带 SPA 路由、缓存策略、安全响应头、gzip 压缩的 nginx.conf;支持构建期 Vite 环境变量(VITE_ 前缀)、运行时环境变量注入、开发阶段热重载、大构建内存优化(NODE_OPTIONS)、BuildKit 缓存挂载与 .dockerignore。

使用方式:按资料中的多阶段模式编写 Dockerfile,构建阶段执行 npm ci 与 npm run build,生产阶段将 dist(Vite)或 build(CRA)复制到 Nginx 目录;非 root 方案需额外提供 nginx-main.conf 并监听 8080;构建期变量用 docker build --build-arg 传入。

适用场景:React 前端容器化部署、需要小体积镜像与安全加固的生产环境、需要一次构建多环境部署的流程。

限制:资料未提供该技能的安装命令、收费方式、平台支持范围与效果数据;Next.js 仅覆盖静态导出,不含服务端渲染;非 root 与运行时变量方案需自行维护额外配置文件。