資訊專欄INFORMATION COLUMN
摘要：目前我以方式發(fā)布，以便收集反饋。但與或不同的是，的目標(biāo)不是新特性或代碼體積。我認(rèn)為在未來(lái)，會(huì)解決目前我在開(kāi)發(fā)大型應(yīng)用時(shí)遇到的很多問(wèn)題。不過(guò)，向貢獻(xiàn)力量在一開(kāi)始會(huì)讓人害怕。
原文：A Gentle Introduction to Prepack (Part 1)
內(nèi)容更新至：2018-12-24
注意：Prepack 介紹（第一部分）計(jì)劃在當(dāng)前指南更完善后，將其引入 Prepack 文檔中。
目前我以 gist 方式發(fā)布，以便收集反饋。
如果你在開(kāi)發(fā) JavaScript 應(yīng)用，那么對(duì)如下這些將 JavaScript 代碼轉(zhuǎn)為等價(jià)代碼的工具應(yīng)該比較熟悉：
Babel 讓你能夠使用更新的 JavaScript 語(yǔ)言特性，輸出兼容老的 JavaScript 引擎的等價(jià)代碼。
Uglify 讓你能夠編寫可讀的 JavaScript 代碼，輸出完成相同功能但是字節(jié)數(shù)更少的混淆代碼。
Prepack 是另一個(gè)致力于將 JavaScript 代碼編譯為等價(jià)代碼的工具。但與 Babel 或 Uglify 不同的是，Prepack 的目標(biāo)不是新特性或代碼體積。
Prepack 讓你編寫普通的 JavaScript 代碼，然后輸出執(zhí)行地更快的等價(jià)代碼。
如果這聽(tīng)起來(lái)讓人興奮，那么接下來(lái)你會(huì)了解到 Prepack 是如何工作的，以及你可以怎樣讓它做得更好。
這個(gè)指南有什么？就我個(gè)人而言，當(dāng)我最終理解 Prepack 能做什么時(shí)，我非常興奮。我認(rèn)為在未來(lái)，Prepack 會(huì)解決目前我在開(kāi)發(fā)大型 JavaScript 應(yīng)用時(shí)遇到的很多問(wèn)題。我很想傳播這一點(diǎn)，讓其他人也興奮起來(lái)。
不過(guò)，向 Prepack 貢獻(xiàn)力量在一開(kāi)始會(huì)讓人害怕。它的源碼里有很多我不熟悉的術(shù)語(yǔ)，我花了很長(zhǎng)時(shí)間才明白 Prepack 做了什么。編譯器相關(guān)代碼傾向于使用確定的計(jì)算機(jī)科學(xué)術(shù)語(yǔ)，但這些術(shù)語(yǔ)讓它們聽(tīng)起來(lái)比實(shí)際情況要復(fù)雜。
我編寫這個(gè)指南，就是為了那些沒(méi)有計(jì)算機(jī)科學(xué)背景，但對(duì) Prepack 的目標(biāo)感興趣，并且希望幫助它實(shí)現(xiàn)的 JavaScript 開(kāi)發(fā)者。
本指南就 Prepack 如何工作提供了高度的概括，給你參與的起點(diǎn)。Prepack 中的很多概念直接對(duì)應(yīng)到那些你日常使用的 JavaScript 代碼工具：對(duì)象、屬性、條件和循環(huán)。即使你還不能在項(xiàng)目中使用 Prepack，你也會(huì)發(fā)現(xiàn)，在 Prepack 上的工作，有助于增強(qiáng)你對(duì)每天編寫的 JavaScript 代碼的理解。
在我們深入之前文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100601.html
摘要：性能優(yōu)化利器性能優(yōu)化性能優(yōu)化不外乎從三個(gè)角度入手開(kāi)發(fā)者在編寫程序時(shí)，盡量避免不必要的冗余代碼，包括冗余的第三方庫(kù)首先要避免不必要的冗余代碼，包括不必要的閉包不必要的變量與函數(shù)聲明不必要的模塊分割等。 js 性能優(yōu)化利器：prepack 1. js 性能優(yōu)化 js 性能優(yōu)化不外乎從三個(gè)角度入手： 1.1 開(kāi)發(fā)者在編寫程序時(shí)，盡量避免不必要的冗余代碼，包括冗余的第三方庫(kù) 首先要避免不必要的...
摘要：版本發(fā)布近日發(fā)布的版本中引入了許多新的特性，并且能夠更好地與協(xié)同開(kāi)發(fā)。阿里云前端工程化工具正式開(kāi)源取黎明破曉之意，原為阿里云業(yè)務(wù)運(yùn)營(yíng)團(tuán)隊(duì)內(nèi)部的前端構(gòu)建和工程化工具，現(xiàn)已完全開(kāi)源。 推薦 1. Firefox 引入 Headless 模式 https://developer.mozilla.org... 類似于 Chrome 的 Headless 模式，現(xiàn)在 Firefox 也引入了 H...
摘要：附錄查看所有文檔頁(yè)面全棧開(kāi)發(fā)，獲取更多信息。常用用于修改行為定義環(huán)境變量，在區(qū)分環(huán)境中有介紹。開(kāi)啟功能，在開(kāi)啟中有介紹。借鑒的思想大幅度提升構(gòu)建速度，在使用中有介紹。集成到項(xiàng)目中，在檢查代碼中有介紹。 Webpack附錄 查看所有文檔頁(yè)面：全棧開(kāi)發(fā)，獲取更多信息。原文鏈接：webpack原理，原文廣告模態(tài)框遮擋，閱讀體驗(yàn)不好，所以整理成本文，方便查找。 常用 Loaders 加載文件 ...
摘要：前端日?qǐng)?bào)精選專題之類型判斷下百度生態(tài)構(gòu)建發(fā)布基于的解決方案將全面支持從綁定，看語(yǔ)言發(fā)展和框架設(shè)計(jì)掘金譯機(jī)器學(xué)習(xí)與一付費(fèi)問(wèn)答上線，向你心目中的大牛提問(wèn)吧產(chǎn)品技術(shù)日志中文第期團(tuán)隊(duì)技術(shù)信息流建設(shè)翻譯基于路由的異步組件加載個(gè)必備的裝逼 2017-07-06 前端日?qǐng)?bào) 精選 JavaScript專題之類型判斷(下) · Issue #30 · mqyqingfeng/Blog 百度Web生態(tài)構(gòu)...
摘要：前端每周清單第期支付寶前端構(gòu)建工具發(fā)展用加快網(wǎng)頁(yè)響應(yīng)速度餓了么升級(jí)實(shí)踐前端前端每周清單前端每周清單專注前端領(lǐng)域內(nèi)容，分為新聞熱點(diǎn)開(kāi)發(fā)教程工程實(shí)踐深度閱讀開(kāi)源項(xiàng)目巔峰人生等欄目。 前端每周清單第 12 期：支付寶前端構(gòu)建工具發(fā)展、LinkedIn用Brotli加快網(wǎng)頁(yè)響應(yīng)速度、餓了么PWA 升級(jí)實(shí)踐 為InfoQ中文站特供稿件，首發(fā)地址為這里；如需轉(zhuǎn)載，請(qǐng)與InfoQ中文站聯(lián)系。從屬于筆...
閱讀 2582·2023-04-26 02:18
閱讀 1327·2021-10-14 09:43
閱讀 3899·2021-09-26 10:00
閱讀 7378·2021-09-22 15:28
閱讀 2602·2019-08-30 15:54
閱讀 2668·2019-08-30 15:52
閱讀 551·2019-08-29 11:30
閱讀 3527·2019-08-29 11:05
