gulpでbowerのパッケージを自動挿入

gulp-injectを使う。

インストール(開発環境だけでいいので、–save-dev)

挿入されるhtmlを編集

パッケージの挿入先を指し示すためgulpfile.js編集

取り敢えずテスト的にbower

リターン連続

でangular-translateをインストール

bower.jsonを確認

dependenciesに挿入されて

bower_componentsフォルダにangular-translateがインストールされているのを確認。

では、gulp wiredepを実行。

↓はhead.html, foot.htmlに設置

これでちゃんとhead.html, foot.htmlにbowerからのcss, javascriptが挿入されていることを確認。

基本は相対パスで挿入されてしまう。

絶対パスがいいので↓のようにgulpfile.jsを変更