angularjs - firebase deploy 不会在我的 Angular 应用程序的 bower_components 目录中复制或链接任何 .js 脚本

Question

所以我关注了getting started guide使用 firebase-tools 部署 Firebase 应用程序，我能够成功部署我的应用程序的一部分。我在 project_name/app/scripts/** 目录中获得了 index.html 和我所有的 .js 脚本。我可以在开发工具中验证这一点。我没有看到加载的是位于 bower_components/ 目录中的任何 .js 脚本文件，它基本上是我的应用程序的框架(AngularJS、jQuery、Bootstrap、Firebase 等)

为什么会这样？

开发者工具截图

firebase.json

{
  "firebase": "angfirenews",
  "public": "app",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}

Answer 1

创建您的应用程序的生产版本，该版本不会引用/app 目录之外的/bower_components 目录。

出于完整的原因，see here ，这是我能想到的更好的解释。

因此，如果您正在使用 Yeoman，请运行 grunt build 以在“/dist”中创建一个独立的生产就绪版本的应用程序，不需要您上传 bower 组件目录。

然后使用该/dist 目录 (firebase init) 并将其上传到您的 firebase 主机。

如果您没有使用 Yeoman 或任何其他生成器，您可以重新创建 index.html 并手动引用这些文件的 cdn 位置。只是一个选项，虽然不是那么简单或完整(yeoman 做其他事情，如缩小和丑化)。