安裝Parcel

在幾天前，就已經寫了怎麼安裝parcel了，不過都還沒好好說說這到底是什麼玩意兒。先來複習下怎麼透過npm安裝工具吧：

npm i -g parcel-bundler

從外行人來介紹Parcel

OK，必須先承認這東西我也不是真那麼瞭解，不過需要的倒是會用。它和另一個知名的工具Webpack一樣，都是在打包資源，好最後發佈。但是我雖然用過Webpack，也做過配置，卻不敢拍胸脯保證我懂、我會Webpack。所以今天就從一個外行來說說另一個工具PARCEL吧。

Webpack是個好東西，不但可以打包HTML、CSS、Javascript，對於圖片等資源(asset)也有所支援。還可以支援SCSS、TypeScript等等轉換。不過在我使用的幾次經驗上，除了安裝插件外，配置也還蠻複雜的(雖然理解後也就還好)。不過也因爲Webpack的複雜性，所以也蠻靈活的。在一開始，我想沒必要去玩Webpack，小東西可以用Parcel，甚至Parcel應該也可以用在大項目上（貌似打包速度還比webpack快）。以下的東西在Webpack多可以找的到相對應的配置，但是parcel是零配置的、開箱即用：

1. 自帶一個開發測是用的WebServer。（Webpack有對應的devWebServer）
2. 分成watch、build、server三種模式。(有watch即儲存檔案後，自動更新打包)
3. 可指定打包目標爲node、browser、electron。預設爲browser，非常符合我的需要。(相對來說Webpack預設似乎是node.js。至於electron，或許之後會在提到)
4. 除了HTML、CSS、JavaScript，支援Pug、SCSS、Less、Stylus、Vue、TypeScript、WebAssembly等等，並且無需配置。(SCSS和一些字體的使用方式有些不習慣，一部分沒用過，但是Pug、HTML、CSS和Javascript，甚至TypeScript和一般在寫網頁沒什麼兩樣)

目前Parcel還在快速更新中，相信未來會在有更多的支援，也更成熟。目前可能還有一些複雜環境和需求使用Webpack會更好，以文檔完整性來說也還是Webpack比較好，Parcel的中文官方文件還有需多需要補齊的，但這並不影響我使用。