Parcelを触って見ました。

Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler 🚀

上のページをもとにparcelの基本を勉強して見ました。


parcelインストール

$ npm init -y
$ npm install parcel-bundler --save-dev

index.html、index.js、package.jsonを書いてる通りに作成し、$ yarn start

f:id:okumuraa1:20171229110454g:plain

無事parcelが動きました!


ビルド時間早い!

f:id:okumuraa1:20171229110619p:plain


勝手にlocalhost:1234で動いてくれる!

f:id:okumuraa1:20171229110712g:plain


SCSS

f:id:okumuraa1:20171229111323g:plain

scssも普通にコンパイルしてくれた、設定ファイル書かなくていいのが、parcelのいいところなんだな


react.js

f:id:okumuraa1:20171229111524g:plain

.babelrcとかは必要


vue.js

f:id:okumuraa1:20171229111652g:plain

vueとreact併用できるんだな


typescrpt

f:id:okumuraa1:20171229111841g:plain

最後はtypescritp


感想

ローカルでさくっとフレームワークやライブラリを試すときに便利そう!