parcelのGet Startedをやってみた
## まずはparcelコマンドをグローバルにインストール
npm install -g parcel-bundlermkdir parcel && cd parcelそこで、、
npm init -y-yは -yesのことです！
次に表示側(html + js)を作ります
<html>
<body>
hello parcel
<script src="./index.js"></script>
</body>
</html>console.log('hello world')そして、、これでサーバーを立ち上げします
parcel index.htmlhttp://localhost:1234/ を開きます！ きたー！！
表示が確認できました！
何ができたの？？
- バンドルビルド ひとつのjsファイルなのでわかりづらいですが、 es6記法で書いたものがトランスコンパイルされ、さらにimport溶かしていた場合、依存性の解決をして、 ひつとのファイルになっているはずです。
- ローカルサーバーの立ち上げ+ホットリロード
これですぐに開発環境が出来上がりました！すごい！！
本番用ビルドについて
parcel build entry.jsこれだけ！です、簡単！！
本場用ビルドの特徴について
- サーバーは立ち上がりません
- 環境変数のセットでも実行できます
NODE_ENV=production - ミニファイされます
ミニファイの種類
terser ・・・ JavaScript cssnano ・・・ CSS htmlnano ・・・ HTML