九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

當我們還在為假期余額不足而煩惱時，尤大在做些什么？

網友：

Vite是什么

Vite (法語單詞“ fast”，發(fā)音為/vit/)是一種新型的前端構建工具，它可以顯著改善前端的開發(fā)體驗。它由兩個主要部分組成:

• 一個通過本機 ES 模塊提供源文件的開發(fā)服務器，具有豐富的內置特性和快得驚人的熱模塊替換(HMR)。
• 一個構建命令，它將代碼與 Rollup 捆綁在一起，后者預先配置為輸出用于生產的高度優(yōu)化的靜態(tài)資產

此外，Vite 通過其插件 API 和 JavaScript API 具有高度的擴展性，并提供全面的類型支持

有多快？

為了了解 Vite 的速度有多快，這里有一個視頻比較了使用 Vite vs. create-React-app (CRA) 應用程序的過程:

關于Vite2

這實際上是 Vite 的第一個穩(wěn)定版本。也就是說，Vite 2.0比之前的版本有了很大的改進：

多框架支持

Vite 2.0采用了一個更健壯的內部架構從頭開始重新設計?，F(xiàn)在它完全與框架無關，所有特定于框架的支持都委托給了插件?，F(xiàn)在有 Vue、 React、 Preact、 Lit Element 和正在進行的 Svelte 的官方模板

全新插件機制和 API

受到 WMR 的啟發(fā)，新的插件系統(tǒng)擴展了 Rollup 的插件界面，并兼容許多 Rollup 插件。插件可以使用 rollup 兼容的鉤子，以及額外的 vite 特定鉤子和屬性來調整 vite 專用行為(例如區(qū)分 dev 和 build 或 HMR 的自定義處理)

基于 esbuild 的依賴預打包

因為 Vite 是一個本地的 ESM dev 服務器，使用Pre-Bundling以減少瀏覽器請求的數量并處理 CommonJS 到 ESM 的轉換

在之前，Vite 使用 Rollup 完成這項工作，而在2.0中，它現(xiàn)在使用 esbuild，從而使依賴性預綁定的速度提高了「10-100」倍

作為參考，React Meterial 用戶界面以前需要28秒，現(xiàn)在需要約1.5秒

更好的 CSS 支持

將 CSS 視為module的First-class，并支持以下開箱即用的功能:

• Resolver enhancement 增強了 CSS 中的路徑，以尊重別名和 npm 依賴
• URL rebasing 不管文件從哪里導入，路徑都會自動重新設置
• CSS code splitting

服務端渲染 (SSR) 支持

Vite 提供了 api，以便在開發(fā)過程中有效地在 Node.js 中加載和更新基于 esm 的源代碼(就像服務器端 HMR 一樣) ，并自動外部化 commonjs 兼容的依賴關系，以提高開發(fā)和 SSR 構建速度。生產服務器可以與 Vite 完全解耦

Vite SSR 是作為一個低層次的特性提供的，我們期望看到更高層次的框架在引擎蓋下利用它

舊瀏覽器支持

Vite 的目標是默認支持原生 ESM 的現(xiàn)代瀏覽器，你也可以通過官方的@vitejs/plugin-legacy 選擇支持傳統(tǒng)的瀏覽器

這個插件會自動生成現(xiàn)代/舊版兩個包，并且基于瀏覽器/特征提取，提供正確的包，確保在支持它們的現(xiàn)代瀏覽器中有更高效的代碼

相關鏈接

• https://dev.to/yyx990803/announcing-vite-2-0-2f0a?continueFlag=d9771f14797e87fb674df31c80b86429
• https://github.com/vitejs/vite