現在のフロントエンドだと、es6以降の書き方が主流になっていることもあり、一度慣れてしまうとなかなか戻れない便利さがあります。
私の場合、設定が面倒だったり、Chromeではトランスパイルしなくても動いていることから、ビルドしないで直接書いたりすることもあります。
先日ある程度レガシーな環境のJSで一部をes6以降の書き方で書いていましたが、やはりIEで動かなかったり、importが使えなかったりとやはり色々と不便なため、モジュールバンドラを入れることに。
と言ってもwebpackが面倒で嫌いなので(汗)、何か手軽に使えるモジュールバンドラを探していたところ、 parcel が検索にヒットしました。
そういえば、職場のリーダーの方に教えていただき、簡単なチュートリアル程度は試して見たことがあります。
私の場合本当に簡単なビルドのみを使いたかったため、ピッタリでした。
インストール
npm install -D parcel-bundler
通常のビルド&監視
1 2 |
npx parcel watch ソースファイル -d 出力ディレクトリ -d ディレクトリ指定のオプションです。 |
利点として、下記の様な点でしょうか。
- (今回は使いませんでしたが)htmlファイルなどの読み込みファイルを直接引数にして、対象の全アセットを一括ビルドできる
- 超高速(通常の監視でファイル数が少なければ1秒以内です。)
- 設定ファイルなどが不要
大規模なソースの構成とかだとまた不便なんでしょうが、手軽に使う分にはこれがいいのではないでしょうか。
Parcel 入門 ~Parcelはwebpackの代わりになるのか~