CODEWITHSUNDEEP
jsonangularjsgruntjsbowerwiredep
Mukund Gandlur
Mukund Gandlur

Reputation: 869

How do i change the bower package reference path in the Index.html

I have this index.html which is referring to a few bower packages. I am using the wiredep. How do I change the reference path of these packages in the index.html using the bower.json. Is there any key I can add in the bower.json that would prefix the dependency package paths.

Right now I have the below lines in my index.html

<!-- bower:css -->
<link rel='stylesheet' href='bower_components/bootstrap/dist/css/bootstrap.css' />
<link rel='stylesheet' href='bower_components/angular-google-places-autocomplete/src/autocomplete.css' />
<link rel='stylesheet' href='bower_components/angular-google-places-autocomplete/dist/autocomplete.min.css' />
<!-- endbower -->

I need to change it to 

<!-- bower:css -->
<link rel='stylesheet' href='static/bower_components/bootstrap/dist/css/bootstrap.css' />
<link rel='stylesheet' href='static/bower_components/angular-google-places-autocomplete/src/autocomplete.css' />
<link rel='stylesheet' href='static/bower_components/angular-google-places-autocomplete/dist/autocomplete.min.css' />
<!-- endbower -->

just by adding a key and value "static/" or something like that in the bower.json

Upvotes: 1

Views: 637

Answers (1)

JB Nizet
JB Nizet

Reputation: 691755

Add a .bowerrc file at the root of your project, as explained in the documentation, containing

{
  "directory": "static/bower_components"
}

And bower will then look for and store its components in static/bower_components.

Upvotes: 1

Related Questions