成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

?述說(shuō)Parcel:一個(gè)快速的零配置的web打包工具 ?

wuaiqiu / 3022人閱讀

摘要：前言今天很高興來(lái)講一下新的打包工具，一個(gè)快速的，零配置的打包工具。上述原因影響了初步構(gòu)建的速度。他也有文件緩存系統(tǒng)，以便于快速的重建。一個(gè)的打包工程行代碼，已經(jīng)不是什么稀罕的事情了。

這篇文章總字?jǐn)?shù)：1214，普通閱讀4分鐘，速讀2分鐘，主要講的是新的打包工具parcel的一些新特性，謝謝，有興趣朋友可以關(guān)注一下我的github上面有30多篇文章，喜歡的可以watch或者star。你的支持是我輸出的動(dòng)力。
前言

今天很高興來(lái)講一下新的打包工具parcel，一個(gè)快速的，零配置的打包工具?？梢渣c(diǎn)擊這里看他的github.

為了解決現(xiàn)有webpack等打包工具存在的問(wèn)題：性能和配置復(fù)雜度。我開(kāi)始研究parcel。

以webpack舉例，我認(rèn)為打包工具是用來(lái)減輕前端負(fù)擔(dān)的，但是在webpack上我并沒(méi)有感覺(jué)到，除了需要學(xué)習(xí)webpack外，配置的時(shí)候還是要查詢中文文檔，因?yàn)樘嗟牟寮静贿m合記憶，還有性能方面，當(dāng)頁(yè)面足夠多時(shí)，打包的速度開(kāi)始變得很慢，我記得我們公司一個(gè)運(yùn)營(yíng)中心的項(xiàng)目，打包時(shí)間慘目忍睹。
特點(diǎn)

?打包速度快——多核編譯，以及文件系統(tǒng)緩存，即使在重新啟動(dòng)后也能快速重建。

?支持JS，CSS，HTML，圖像，文件資產(chǎn)等等——不安裝插件

?當(dāng)我們需要時(shí)使用Babel，PostCSS和PostHTML自動(dòng)轉(zhuǎn)換模塊——甚至是node_modules包

??使用動(dòng)態(tài)import()語(yǔ)句進(jìn)行零配置代碼的分割。

?編譯項(xiàng)目的時(shí)候支持熱更新模塊。

?友好地錯(cuò)誤日志體驗(yàn)——語(yǔ)法高亮有助于我們追蹤問(wèn)題

性能

首先我想說(shuō)的就是性能，我上面已經(jīng)說(shuō)了，當(dāng)一個(gè)項(xiàng)目有好多個(gè)頁(yè)面的時(shí)候，你的打包速度真的是慢，webpack也是一樣，一個(gè)項(xiàng)目要打包上線，這里花的時(shí)間，都可以早點(diǎn)下班了，開(kāi)發(fā)過(guò)程中也是一樣，不過(guò)本地的話，你還可以給打包單一幾個(gè)頁(yè)面。

很多打包工具都注重于能快速的重新構(gòu)建，這是偉大的，但是，初次構(gòu)建的性能對(duì)于開(kāi)發(fā)和生產(chǎn)來(lái)說(shuō)是很重要的

parcel解決了這個(gè)問(wèn)題，在編譯過(guò)程中，并行的編譯代碼，并使用現(xiàn)代的多核處理器解決這個(gè)問(wèn)題。上述原因影響了初步構(gòu)建的速度。他也有文件緩存系統(tǒng)，以便于快速的重建。

零配置體驗(yàn)

第二個(gè)原因就是幫助我們減輕配置的負(fù)擔(dān)，大多數(shù)打包工具是圍繞著配置文件建立起來(lái)的，配置文件有很多的插件。一個(gè)webpack的打包工程500行代碼，已經(jīng)不是什么稀罕的事情了。

這種配置不僅繁瑣耗時(shí)，而且你不能保證你一定是正確的，還得參照規(guī)范改，這可能導(dǎo)致優(yōu)化應(yīng)用程序而影響正常的生產(chǎn)

parcel被設(shè)計(jì)為零配置：只需要應(yīng)用程序入口給它，他就可以正確的打包。Parcel支持JS，CSS，HTML，圖像，文件資產(chǎn)等等 - 不需要任何插件。

parcel的零配置體驗(yàn)還體現(xiàn)在不局限于文件格式，當(dāng)parcel檢測(cè)到一個(gè).babelrc, .postcssrc等文件，就會(huì)自動(dòng)轉(zhuǎn)化相應(yīng)模塊，比如Babel, PostCSS和PostHTML。這甚至適用于僅用于該模塊的node_modules中的第三方代碼，因?yàn)閼?yīng)用的使用者，不需要知道構(gòu)建的時(shí)候每一個(gè)模塊是如何導(dǎo)入的。并且這次構(gòu)建也沒(méi)有必要讓Babel在每一個(gè)文件上的運(yùn)行

最后，parcel也很好的支持一些先進(jìn)的打包功能，像代碼拆分，熱更新等。在生產(chǎn)模式中，還支持自動(dòng)壓縮，未來(lái)也可能加入像tree-shaking等優(yōu)化

未來(lái)發(fā)展的前景

開(kāi)啟新項(xiàng)目的好處就是，parcel可以使用現(xiàn)代的體系結(jié)構(gòu)，沒(méi)有歷史包袱，并且在這個(gè)體系結(jié)構(gòu)上擴(kuò)展，更加靈活，并支持代碼拆分和熱更新等功能。

現(xiàn)在主流的打包工具還是主要關(guān)注JavaScript，比如webpack，其他類型的文件也要通過(guò)loader將其變成JavaScript來(lái)進(jìn)行打包。

但在parcel中，任何類型的文件都有機(jī)會(huì)成為一等公民，很容易可以添加一種新類型輸入文件，并將類似類型的文件組合到輸出文件中

你可以在這個(gè)網(wǎng)站上了解更多關(guān)于parcel如何工作的

嘗試一下吧！！

parcel才剛剛開(kāi)始就收到大眾追捧，嘗試一下吧

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92792.html

相關(guān)文章

  • 宣布 Parcel：一個(gè)快速，零配置的 Web 應(yīng)用打包工具 ?

    摘要：宣布一個(gè)快速，零配置的應(yīng)用打包工具原文譯者今天，我非常高興地宣布，一個(gè)快速，零配置的應(yīng)用程序打包工具，我對(duì)于該工具的工作已經(jīng)持續(xù)了幾個(gè)月。性能我被激發(fā)建立一個(gè)新的打包工具的第一個(gè)原因是性能。 ? 宣布 Parcel：一個(gè)快速，零配置的 Web 應(yīng)用打包工具 ? 原文：? Announcing Parcel: A blazing fast, zero configuration web...

    learn_shifeng 評(píng)論0 收藏0

  • Parcel - 極速零配置Web應(yīng)用打包工具

    摘要：極速零配置應(yīng)用打包工具的優(yōu)勢(shì)極速打包時(shí)間使用進(jìn)程去啟用多核編譯。的缺點(diǎn)缺乏插件新出的打包工具，還在成長(zhǎng)當(dāng)中，插件的數(shù)量和這種成熟的工具是無(wú)法相比的。不太適合大項(xiàng)目畢竟配置，無(wú)需過(guò)多的配置即可使用。 showImg(https://segmentfault.com/img/remote/1460000012593231); 開(kāi)發(fā)項(xiàng)目或者寫(xiě) demo 的時(shí)候，還在為 webpack 的配置...

    fireflow 評(píng)論0 收藏0

  • 新一代打包神器parcel簡(jiǎn)介

    摘要：友好的錯(cuò)誤記錄體驗(yàn)，語(yǔ)法突出顯示的代碼幀有助于查明問(wèn)題。為入口資源創(chuàng)建一個(gè)，并為動(dòng)態(tài)導(dǎo)入的資源創(chuàng)建子，這回導(dǎo)致代碼拆分的發(fā)生。如果一個(gè)資源需要多個(gè)，它會(huì)被打包到最近的共同祖先，因此它不會(huì)被包含多次。 官方地址：https://parceljs.org/getting_... Parcel 是 Web 應(yīng)用打包工具，適用于經(jīng)驗(yàn)不同的開(kāi)發(fā)者。它利用多核處理提供了極快的速度，并且不需要任何...

    Jenny_Tong 評(píng)論0 收藏0

  • 前端構(gòu)建工具整理

    摘要：常見(jiàn)前端構(gòu)建工具的分類和對(duì)比是附帶的包管理器，是內(nèi)置的一個(gè)功能，允許在文件里面使用字段定義任務(wù)在這里，一個(gè)屬性對(duì)應(yīng)一段腳本，原理是通過(guò)調(diào)用去運(yùn)行腳本命令。 前文 端技術(shù)范圍不斷發(fā)展，前端開(kāi)發(fā)不僅限于直接編寫(xiě)html，css和javascript，Web應(yīng)用日益龐大，代碼也更加龐大，因此許多新的思想（例如模塊化和工程化等）和框架（React和Vue等），以及新的語(yǔ)言（Es6 TypeSc...

    leo108 評(píng)論0 收藏0

  • 前端每周清單第 45 期: Safari 支持 Service Worker, Parcel 完整教

    摘要：的另一個(gè)核心特性，蘋(píng)果表示也正在開(kāi)發(fā)中，按開(kāi)發(fā)進(jìn)度可能幾個(gè)月后就能與我們見(jiàn)面。是基于的本地化數(shù)據(jù)庫(kù)，支持以及瀏覽器環(huán)境。 前端每周清單專注前端領(lǐng)域內(nèi)容，以對(duì)外文資料的搜集為主，幫助開(kāi)發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開(kāi)發(fā)教程、工程實(shí)踐、深度閱讀、開(kāi)源項(xiàng)目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號(hào)（ID: frontshow），及時(shí)獲取前端每周清單。 本期是 2017 年的最后一...

    趙春朋 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<