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

时间:2014-09-30 22:38:10

标签: angularjs firebase bower firebase-hosting

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

为什么会这样?

devtools的屏幕截图 enter image description here

firebase.json

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

1 个答案:

答案 0 :(得分:5)

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

完整的原因,see here,这是一个更好的解释,然后我可以想出来。

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

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

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