資訊專欄INFORMATION COLUMN
摘要：前言今天很高興來講一下新的打包工具，一個快速的，零配置的打包工具。上述原因影響了初步構建的速度。他也有文件緩存系統，以便于快速的重建。一個的打包工程行代碼，已經不是什么稀罕的事情了。
這篇文章總字數：1214，普通閱讀4分鐘，速讀2分鐘，主要講的是新的打包工具parcel的一些新特性，謝謝，有興趣朋友可以關注一下我的github上面有30多篇文章，喜歡的可以watch或者star。你的支持是我輸出的動力。前言
今天很高興來講一下新的打包工具parcel，一個快速的，零配置的打包工具。可以點擊這里看他的github.
為了解決現有webpack等打包工具存在的問題：性能和配置復雜度。我開始研究parcel。
以webpack舉例，我認為打包工具是用來減輕前端負擔的，但是在webpack上我并沒有感覺到，除了需要學習webpack外，配置的時候還是要查詢中文文檔，因為太多的插件根本不適合記憶，還有性能方面，當頁面足夠多時，打包的速度開始變得很慢，我記得我們公司一個運營中心的項目，打包時間慘目忍睹。特點
?打包速度快——多核編譯，以及文件系統緩存，即使在重新啟動后也能快速重建。
?支持JS，CSS，HTML，圖像，文件資產等等——不安裝插件
?當我們需要時使用Babel，PostCSS和PostHTML自動轉換模塊——甚至是node_modules包
??使用動態import()語句進行零配置代碼的分割。
?編譯項目的時候支持熱更新模塊。
?友好地錯誤日志體驗——語法高亮有助于我們追蹤問題
性能首先我想說的就是性能，我上面已經說了，當一個項目有好多個頁面的時候，你的打包速度真的是慢，webpack也是一樣，一個項目要打包上線，這里花的時間，都可以早點下班了，開發過程中也是一樣，不過本地的話，你還可以給打包單一幾個頁面。
很多打包工具都注重于能快速的重新構建，這是偉大的，但是，初次構建的性能對于開發和生產來說是很重要的
parcel解決了這個問題，在編譯過程中，并行的編譯代碼，并使用現代的多核處理器解決這個問題。上述原因影響了初步構建的速度。他也有文件緩存系統，以便于快速的重建。
零配置體驗第二個原因就是幫助我們減輕配置的負擔，大多數打包工具是圍繞著配置文件建立起來的，配置文件有很多的插件。一個webpack的打包工程500行代碼，已經不是什么稀罕的事情了。
這種配置不僅繁瑣耗時，而且你不能保證你一定是正確的，還得參照規范改，這可能導致優化應用程序而影響正常的生產
parcel被設計為零配置：只需要應用程序入口給它，他就可以正確的打包。Parcel支持JS，CSS，HTML，圖像，文件資產等等 - 不需要任何插件。
parcel的零配置體驗還體現在不局限于文件格式，當parcel檢測到一個.babelrc, .postcssrc等文件，就會自動轉化相應模塊，比如Babel, PostCSS和PostHTML。這甚至適用于僅用于該模塊的node_modules中的第三方代碼，因為應用的使用者，不需要知道構建的時候每一個模塊是如何導入的。并且這次構建也沒有必要讓Babel在每一個文件上的運行
最后，parcel也很好的支持一些先進的打包功能，像代碼拆分，熱更新等。在生產模式中，還支持自動壓縮，未來也可能加入像tree-shaking等優化
未來發展的前景開啟新項目的好處就是，parcel可以使用現代的體系結構，沒有歷史包袱，并且在這個體系結構上擴展，更加靈活，并支持代碼拆分和熱更新等功能。
現在主流的打包工具還是主要關注JavaScript，比如webpack，其他類型的文件也要通過loader將其變成JavaScript來進行打包。
但在parcel中，任何類型的文件都有機會成為一等公民，很容易可以添加一種新類型輸入文件，并將類似類型的文件組合到輸出文件中
你可以在這個網站上了解更多關于parcel如何工作的
嘗試一下吧！！parcel才剛剛開始就收到大眾追捧，嘗試一下吧
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92792.html
摘要：宣布一個快速，零配置的應用打包工具原文譯者今天，我非常高興地宣布，一個快速，零配置的應用程序打包工具，我對于該工具的工作已經持續了幾個月。性能我被激發建立一個新的打包工具的第一個原因是性能。 ? 宣布 Parcel：一個快速，零配置的 Web 應用打包工具 ? 原文：? Announcing Parcel: A blazing fast, zero configuration web...
摘要：極速零配置應用打包工具的優勢極速打包時間使用進程去啟用多核編譯。的缺點缺乏插件新出的打包工具，還在成長當中，插件的數量和這種成熟的工具是無法相比的。不太適合大項目畢竟配置，無需過多的配置即可使用。 showImg(https://segmentfault.com/img/remote/1460000012593231); 開發項目或者寫 demo 的時候，還在為 webpack 的配置...
摘要：友好的錯誤記錄體驗，語法突出顯示的代碼幀有助于查明問題。為入口資源創建一個，并為動態導入的資源創建子，這回導致代碼拆分的發生。如果一個資源需要多個，它會被打包到最近的共同祖先，因此它不會被包含多次。 官方地址：https://parceljs.org/getting_... Parcel 是 Web 應用打包工具，適用于經驗不同的開發者。它利用多核處理提供了極快的速度，并且不需要任何...
摘要：的另一個核心特性，蘋果表示也正在開發中，按開發進度可能幾個月后就能與我們見面。是基于的本地化數據庫，支持以及瀏覽器環境。 前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號（ID: frontshow），及時獲取前端每周清單。 本期是 2017 年的最后一...
閱讀 2434·2021-11-15 11:36
閱讀 1172·2019-08-30 15:56
閱讀 2243·2019-08-30 15:53
閱讀 1038·2019-08-30 15:44
閱讀 649·2019-08-30 14:13
閱讀 997·2019-08-30 10:58
閱讀 476·2019-08-29 15:35
閱讀 1293·2019-08-29 13:58
