基于React+Firebase部署的网站更新发布流程（保留原链接）

1. 本地验证修改 #

• 启动本地开发服务器，确认修改后的内容、功能均正常：

  npm start
  

• 检查页面渲染、交互逻辑，确保没有引入新问题。

2. 构建生产包 #

React项目需要打包为静态资源才能部署，执行构建命令：

npm run build

执行完成后，项目根目录会生成build文件夹，里面包含所有可部署的生产环境文件。

3. 部署到Firebase Hosting #

前置检查 #

• 确保已全局安装Firebase CLI：

  npm install -g firebase-tools
  

• 已登录对应Firebase账号（首次操作或切换账号时执行）：

  firebase login
  

执行部署 #

直接部署静态资源到Firebase：

firebase deploy --only hosting

（如果需要同时部署云函数等其他Firebase服务，可去掉--only hosting；仅更新网站内容时，加该参数更高效）

4. 确认更新生效 #

部署完成后，终端会输出网站访问链接，打开链接检查修改是否生效。若遇到缓存导致内容未更新：

• 强制刷新浏览器：Windows/Linux用Ctrl+F5，Mac用Cmd+Shift+R
• 若频繁出现缓存问题，可在firebase.json的hosting配置中调整缓存规则。

额外注意 #

• 确认firebase.json里的hosting.public字段值为build（默认配置即为该值，若之前修改过需检查）
• 如果同时修改了Firestore、云函数等其他Firebase服务，需单独部署对应模块，比如firebase deploy --only functions

内容的提问来源于stack exchange，提问作者Nilay Singh