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

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です