Bowerからnpmに置き換えたこと
Bower とは
フロントエンド系のパッケージ管理ツール
2019.10現在
メンテナンスが終了している。
使えるには使えるが、パッケージのアップデートができなくなっている。
Bower を代わりのパッケージ管理ツールで置き換える
公式が丁寧にやり方を書いている…
公式は Yarn 推しっぽい?
npm で置き換えてみる
もともと gulp などで使っている npm でパッケージを移動させることにする。
npm の設定がいろいろ書かれているのは package.json。
bower.json の内容が package.json に移動するようなイメージ。
手順
bower.json の内容を確認
パッケージ名
バージョン
bower.json に書かれているパッケージをnpmの公式で検索する
今回は2つパッケージを使っていたのでそれぞれ npm i ~~~ でインストールする
一気に複数のパッケージをインストールできた気がしたけどとりあえず1つずつ
package.json に 記述が増える。
node_modules ディレクトリにインストールしたパッケージが増えている。
bower_components ディレクトリは不要になるので削除。
gulp-bower が不要になる。
npm uninstall -D gulp-bower して削除
gulpfile を修正
gulp-bower 関連のタスクを削除
var bower = require('gulp-bower'); も不要になるので削除
ディレクトリ指定を修正
bower_components/ にインストールされていたパッケージは node_modules に入っている
チームメンバーにやってもらうこと
各自の PC でターミナルから npm install してもらう
各自の PC にある bower_components ディレクトリは不要になるので削除して良いと伝える
エラーが出た場合
Node.js のバージョン確認とか?
今後対応していく。