Firebase deploy does not copy or link any of the .js scripts in the bower_components directory of my Angular app
So, I followed the getting started guide for deploying Firebase app with firebase-tools
and I was able to successfully deploy part of my app.I got index.html
all my .js scripts in directories too project_name/app/scripts/**
. I can test this in dev tools. I can't see the .js script file loaded, located in the directory bower_components/
that is basically the core of my application (AngularJS, jQuery, Bootstrap, Firebase, etc.).
Why is this happening?
Screenshot from devtools
firebase.json
{
"firebase": "angfirenews",
"public": "app",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
]
}
Create a production version of your application that does not reference the / bower_components directory, which is outside the / app directory.
For all reasons see here , this is the best explanation I can think of.
So, if you are using Yeoman, run grunt build
to create a separate version of the finished version of your application in "/ dist", which does not require downloading the bower component directories.
Then use that / dist ( firebase init
) directory and upload it to your firebase hosting.
If you are not using Yeoman or some other generator, you can re-create your index.html and link to the local directories of these files manually. Just an option, not as simple though or complete (yeoman does other things like minify and ouglify).
source to share