眾所周知，對於前端開發者而言，不論是編寫React，Angular，還是Vue的Web應用，Webpack始終是前端模塊打包工具的首選，但是配置繁雜，打包效率低下等問題始終為人所詬病，在開發十幾二十個路由的SPA應用時毫無感覺，而對於百來路由的SPA應用來說，動輒十幾二十秒的編譯時間實在讓人抓狂。現在，讓我們一起來接觸一款更好的前端模塊打包工具：Parcel。
parcel官方github描述
Parcel是一款基於nodejs的前端模塊打包工具，支持多線程打包，緩存性打包，並且主打0配置或輕配置進行打包，開箱即用，可編譯Less，Sass，Vue，Angular，TypeScript等等，並且支持babel，postCss，postHtml等等。（官方GitHub地址：https://github.com/parcel-bundler/parcel）
由於國內網絡問題，目前搜索Parcel只能搜索到國內網站的鏡像站，如果需要直達官方，請搜索“ParcelJs.org”，國內網站的鏡像站較為老舊，文檔不全。
接下來，我們來對比一下Parcel相對於Webpack的優勢所在。
Parcel官方測試
Webpack4.0 VS Parcel 1.10.3
接下來，我們來對比一下Parcel相對於Webpack的缺點所在
很明顯，在開發這方面來說，使用Parcel能減少很多配置工作，並且在打包時候編譯所需時間也較少，而對於缺點這方面，也是直入痛點，不支持Proxy代理後端接口，不支持Alias路徑別名，打包後文件體積較大，而對於這三點，均可手動解決，Proxy可以通過Chrome開啟CROS解決，Alias別名可以通過手動補全路徑解決，而文件體積則手動壓縮js即可。
至此，我相信大家也瞭解了Parcel的優勢所在，隨著Parcel的一步步完善，它將有可能成為Webpack的一大對手，而現階段如何選擇，小編根據工作經驗給予以下看法：
- 中小型項目，大型項目可拆分系統的選擇Webpack（如商城，個人博客，普通SPA應用等）
- 大型項目，不可拆封系統的選擇Parcel（如ERP，進銷存，企業管理類）
當然，現在的Parcel提倡的開箱即用，對於很多人來說還很迷糊，怎麼創建Vue項目？怎麼運行調試，怎麼打包還是個問題。下一次，小編將教大家如何從零開始創建一個使用Parcel做打包器的Vue + Vue-Router項目，帶大家一步步踩坑。
閱讀更多 Zion程序猿 的文章
