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

3 angularjs firebase bower firebase-hosting

因此,我按照入门指南部署了Firebase应用,firebase-tools并且我能够成功部署部分应用.我index.htmlproject_name/app/scripts/**目录中得到了所有的.js脚本.我可以在开发工具中验证这一点.我没看到加载的是位于bower_components/目录中的任何.js脚本文件,它基本上是我的应用程序的框架(AngularJS,jQuery,Bootstrap,Firebase等)

为什么会这样?

devtools的屏幕截图 在此输入图像描述

firebase.json

{
  "firebase": "angfirenews",
  "public": "app",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}
Run Code Online (Sandbox Code Playgroud)

小智 5

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

完整的原因,请看这里,这是一个更好的解释,然后我可以想出来.

因此,如果您正在使用Yeoman,grunt build请在"/ dist"中创建一个单独的生产就绪版本的应用程序,这不需要您上传bower组件目录.

然后使用/ dist目录(firebase init)并将其上传到您的firebase托管.

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