Parcel [Node.js]

Parcel

設定をせずに使える Web アプリケーション用軽量バンドラー

特徴

• ゼロコンフィグレーションで使用可能
• Web アプリケーションの開発に必要な一般的な言語及び拡張言語をサポート
• 必要なパッケージを自動インストール
• HMR が使用可能な開発用サーバー

参考：

Parcel [Official]

parcel – npm

リポジトリ

参考：

parcel-bundler/parcel: Blazing fast, zero configuration web application bundler – GitHub

概要

参考：

Parcel は webpack の代わりになるのか – Qiita

Parcel を使ったらその魅力は「Config を書かなくても良い」ではなく「Config を書かせない」なのだと気づいた | terrierscript

導入

参考：

parcel + vue.js で HelloWorld してみた – Qiita

Parcel をさわってみた | よしたく blog

Parcel を使ってバンドルファイルを作成する | cupOF Interests

設定不要、簡単導入！ 最新のビルドツール Parcel で開発環境をサクッと立ち上げる。| MONSTER DIVE

Sass の変換にオススメ！ Parcel 入門 | ICS MEDIA

サーバーサイド開発に Parcel を使う | Crunchtimer

はじめに | Parcel [公式]

コマンド

開発サーバーを起動する。

$ parcel index.html

アセットをビルドする。

$ parcel build index.html

ファイルの変更を監視してバンドルを更新する。

$ parcel watch index.html

参考：

CLI | Parcel [公式]

モジュールの解決

参考：

Module Resolution | Parcel [Official]

Tips

参考：

Parcel のどうということはない小技集 – Qiita