Angular 2应用更新后如何通过Firebase控制台部署更新内容?
更新已部署的Angular应用到Firebase
嗨,很高兴看到你已经成功把Angular应用部署到Firebase啦!关于代码更新后的同步问题,完全不需要重复完整的部署流程,只需要两个核心步骤就能快速完成更新:
步骤1:重新构建生产环境包
当你在本地完成代码更新后,首先要重新生成优化后的生产构建文件——这一步是必须的,因为Angular CLI的生产构建会帮你做代码压缩、树摇优化等操作,确保线上版本是最优的。执行命令:
ng build --prod
这个命令会把最新的代码编译打包到你之前firebase init时指定的dist文件夹里。
步骤2:部署更新到Firebase
构建完成后,直接执行部署命令即可:
firebase deploy
因为你第一次部署时已经通过firebase init配置好了所有部署参数(比如部署文件夹、单页应用设置),这些配置会保存在项目根目录的firebase.json和.firebaserc文件中。Firebase CLI会自动读取这些配置,把dist文件夹里的最新内容同步到线上,替换旧的应用文件。
额外提示
- 如果你没有更换Firebase账号、也不需要修改部署配置(比如调整部署文件夹、单页应用设置),完全不需要再次执行
firebase login或firebase init。 - 你可以把构建和部署命令合并成一条,一步完成更新:
ng build --prod && firebase deploy
内容的提问来源于stack exchange,提问作者Heena
相关产品推荐
相关产品推荐

