SuperAPI AI 工具集

build-deploy

部署与运维

查看项目

更新于 10-16 09:30

技能介绍

用途:在配置构建工具、部署和环境管理时使用,覆盖前端项目从构建到上线的流程。

主要能力:

  • 构建工具选型:Vite、Turbopack、Webpack 5、Rspack、Rollup、esbuild、Bun、tsup,并提供 Vite/Next.js 配置示例。
  • 环境变量管理:按 .env / .env.development / .env.staging / .env.production / .env.local 分级;Vite 公开变量前缀 VITE_,Next.js 为 NEXT_PUBLIC_;服务端变量如 DATABASE_URL、STRIPE_SECRET_KEY 不进 bundle。
  • 部署平台:Vercel(含 vercel.json、PR 预览、即时回滚)、Cloudflare Pages(wrangler.toml)、Netlify(netlify.toml)、自建 Docker + Nginx(多阶段构建、静态资源缓存、安全 Header)。
  • CI/CD:GitHub Actions 流水线,含 lint、typecheck、test、build、E2E、Lighthouse、Bundle 大小检查、PR 预览与生产部署。
  • Bundle 优化:code splitting、tree shaking、动态导入、压缩、Brotli、browserslist。
  • 灰度与回滚:流量分配、Feature Flag、A/B 测试;平台快照或 Git revert 回滚,目标 5 分钟内。
  • 监控与安全:部署成功率、Bundle 大小、RUM、错误率;Source Map 生产关闭、CSP、HSTS、依赖扫描。

使用方式:按“选构建工具→配置环境变量→优化构建→选部署平台→CI/CD→监控→灰度/回滚”流程执行,并可用 templates/build-deploy-checklist.md 自检。

限制:资料未提供具体收费、价格与平台配额信息;部分示例(如 CSP 完整策略)以省略号表示,未给出完整内容。