前端開發(fā)工具前端構(gòu)建【免費(fèi)下載鏈接】snowpackESM-powered frontend build tool. Instant, lightweight, unbundled development. ??項(xiàng)目地址https://gitcode.com/gh_mirrors/sn/snowpack點(diǎn)擊查看免費(fèi)下載Snowpack v3.0 是該項(xiàng)目自 v1.0.0 發(fā)布以來最大的一次版本升級(jí)核心變化包括四項(xiàng)按需拉取 npm 依賴的Pre-bundled Streaming Imports流式導(dǎo)入、由 esbuild 驅(qū)動(dòng)的內(nèi)置生產(chǎn)構(gòu)建優(yōu)化、可供深度集成的原生 JavaScript API以及讓前端代碼直接跑進(jìn) Node.js 的Runtime API。本文以官方發(fā)布說明為主線結(jié)合倉(cāng)庫(kù)內(nèi) remote 包源碼、esbuild 插件、公共 API 導(dǎo)出與配套指南文檔逐項(xiàng)還原 v3.0 的能力邊界與底層實(shí)現(xiàn)讀完你便能判斷這些特性如何落地到自己的項(xiàng)目并學(xué)會(huì)使用packageOptions.sourceremote、optimize、startServer()與getServerRuntime()等新接口。安裝與升級(jí)到 v3.0升級(jí)方式與普通依賴一致直接安裝對(duì)應(yīng)大版本即可$ npm install snowpack^3.0.0如果想從零開始體驗(yàn) v3.0也可以使用更新后的 Create Snowpack App 官方模板$ npx create-snowpack-app new-project-directory --template snowpack/app-template-react模板與腳手架代碼均在本倉(cāng)庫(kù)的 create-snowpack-app 目錄中覆蓋 React、Preact、Svelte、Vue、LitElement 以及對(duì)應(yīng)的 TypeScript 版本--template參數(shù)可替換為任一模板名。背景為 ESM 重塑 Web 開發(fā)Snowpack 自 v1.0.0 起的目標(biāo)就是面向現(xiàn)代 JavaScript 與 ESM 重塑 Web 開發(fā)。它利用瀏覽器原生 ESM 能力提供一種無需打包的開發(fā)模式unbundled development開發(fā)服務(wù)器只需要約50ms即可啟動(dòng)并響應(yīng)文件變更且該時(shí)間與項(xiàng)目規(guī)模無關(guān)而傳統(tǒng) Web 打包器在大型項(xiàng)目中啟動(dòng)往往需要數(shù)秒甚至數(shù)分鐘。這正是 Snowpack 最核心的差異化價(jià)值——開發(fā)時(shí)不做整體打包瀏覽器按需加載單個(gè)文件。v3.0 在此基礎(chǔ)上進(jìn)一步向前邁進(jìn)用Streaming Imports流式導(dǎo)入把依賴這個(gè)環(huán)節(jié)也推向了按需化任何 npm 包都可以預(yù)先構(gòu)建、預(yù)先打包隨后按需直接導(dǎo)入項(xiàng)目使用。核心特性一Streaming Imports按需拉取預(yù)構(gòu)建依賴從npm install到按需導(dǎo)入常規(guī)工作流中開發(fā)者用npm、yarn或pnpm在本地安裝并管理依賴但 npm 包無法直接在瀏覽器運(yùn)行還需要解析、處理、構(gòu)建與打包才能被瀏覽器使用。v3.0 提出的設(shè)想是能不能跳過 npm install 這一步直接通過 ESM import 按需獲取已經(jīng)預(yù)構(gòu)建好的包代碼// 你寫的是 import * as React from react; // 實(shí)際發(fā)生的行為等價(jià)于 import * as React from https://cdn.skypack.dev/react17.0.1;示例中的 URL 指向 Skypack——一個(gè)把 npm 上所有包以 ESM 形式托管的 JavaScript CDN。按 URL 導(dǎo)入依賴在 Snowpack、Deno 以及所有主流瀏覽器中都受支持但直接把 URL 寫進(jìn)源碼并不理想而且離開網(wǎng)絡(luò)后開發(fā)將無法進(jìn)行。Snowpack v3.0 的做法是兩全其美源碼里保留import react的簡(jiǎn)潔寫法由 Snowpack 在后臺(tái)替你完成依賴獲取并自動(dòng)緩存所有內(nèi)容——首次拉取之后即可離線繼續(xù)開發(fā)。相比傳統(tǒng) npm install 的優(yōu)勢(shì)發(fā)布說明給出了四點(diǎn)明確收益速度Speed跳過依賴的安裝與構(gòu)建步驟按需加載預(yù)構(gòu)建、預(yù)打包的 ESM 代碼安全SafetyESM 包在 CDN 側(cè)預(yù)構(gòu)建為純 JavaScript第三方代碼只會(huì)運(yùn)行在瀏覽器沙箱中永遠(yuǎn)不會(huì)獲得在開發(fā)者機(jī)器上執(zhí)行代碼的權(quán)限更少的工具鏈Less Tooling依賴由 Snowpack 托管不需要 Node.js 的前端項(xiàng)目如 Rails、PHP 后端甚至可以完全棄用 npm CLI最終構(gòu)建一致Identical Final Build生產(chǎn)構(gòu)建時(shí)包代碼會(huì)與站點(diǎn)其余代碼一起轉(zhuǎn)譯并按你的實(shí)際 import 集合進(jìn)行 tree-shaking最終產(chǎn)物與常規(guī)方式幾乎一致。需要強(qiáng)調(diào)的是這是100% 可選opt-in的行為。默認(rèn)情況下Snowpack 依舊像 v2 一樣從項(xiàng)目的node_modules目錄拉取 npm 依賴。如何啟用在snowpack.config.mjs中設(shè)置packageOptions.source為remote即可// snowpack.config.mjs export default { packageOptions: { source: remote, }, };關(guān)于packageOptions的完整字段說明見 configuration 參考文檔其中source的默認(rèn)值為local即傳統(tǒng)本地node_modules模式。工作原理與源碼佐證啟用后運(yùn)行snowpack dev本地服務(wù)器會(huì)開始從https://pkg.snowpack.dev拉取所有 import。例如源碼中的import preact在瀏覽器里會(huì)變成類似import https://pkg.snowpack.dev/preact的請(qǐng)求只有當(dāng)需要時(shí)才會(huì)真正拉取包對(duì)應(yīng)的 ESM并且響應(yīng)會(huì)被緩存以供后續(xù)離線使用。注意改寫發(fā)生在 Web 服務(wù)器層你的源文件始終保持裸導(dǎo)入import preact而執(zhí)行snowpack build時(shí)構(gòu)建目錄里生成的文件包含的是import ../_snowpack/pkg/preact.js;這樣的本地相對(duì)路徑。在源碼層面這一行為由 snowpack/src/sources/remote.ts 中的PackageSourceRemote類實(shí)現(xiàn)。它的load(spec)方法展示了完整的按需拉取鏈路若項(xiàng)目存在snowpack.deps.json鎖文件且記錄了該依賴則按鎖文件中的精確版本從 CDN 獲取否則按latest處理先調(diào)用remotePackageSDK.lookupBySpecifier()查詢包狀態(tài)若查詢結(jié)果顯示importStatus NEW該包尚未在 CDN 構(gòu)建過則調(diào)用buildNewPackage()觸發(fā)構(gòu)建再重新查詢獲取拉取到的 JS 內(nèi)容中所有from //import /形式的內(nèi)部資源引用會(huì)被替換為_snowpack/pkg/前綴指向 Snowpack 的元數(shù)據(jù)目錄對(duì)應(yīng) config.ts 中buildOptions.metaUrlPath的默認(rèn)值_snowpack類型下載則被刻意設(shè)計(jì)為異步、與 JS 加載解耦不阻塞主流程。用 snowpack.deps.json 管理依賴版本默認(rèn)情況下 Snowpack 會(huì)拉取每個(gè)包的最新版本長(zhǎng)期使用可能遇到破壞性變更因此需要版本管理機(jī)制。Snowpack 使用項(xiàng)目根目錄的snowpack.deps.json文件管理依賴版本——它相當(dāng)于package.json與package-lock.json的結(jié)合體dependencies字段記錄期望的 SemVer 范圍lock字段記錄解析后的精確版本鎖定信息。該文件名在源碼中定義為常量LOCKFILE_NAME snowpack.deps.json見 snowpack/src/util.ts。與它配合的兩個(gè)命令是$ snowpack add [package-name] $ snowpack rm [package-name]首次運(yùn)行snowpack add會(huì)在項(xiàng)目中創(chuàng)建snowpack.deps.json記錄新依賴的 SemVer 范圍與鎖定信息。從 snowpack/src/commands/add-rm.ts 可以看到實(shí)現(xiàn)細(xì)節(jié)add會(huì)先查詢 npm registry 獲取最新版本號(hào)缺省時(shí)寫入^版本號(hào)再通過 Skypack SDK 生成 import map 并轉(zhuǎn)換成鎖文件寫入磁盤兩個(gè)命令都要求packageOptions.source remote否則會(huì)直接拋錯(cuò)。另外未指定版本拉取的依賴在啟動(dòng)時(shí)控制臺(tái)會(huì)打印黃色提示pin dependency to this version: snowpack add package引導(dǎo)你固化版本。與 TypeScript 配合啟用遠(yuǎn)程模式并開啟類型下載// snowpack.config.mjs /w TypeScript Support export default { packageOptions: { source: remote, types: true, }, };types: true會(huì)讓 Snowpack 把每個(gè)包的類型安裝到項(xiàng)目本地的.snowpack/types目錄然后在tsconfig.json中指向它即可獲得 npm 包的類型提示{ baseUrl: ./, paths: {*: [.snowpack/types/*]} }啟動(dòng)項(xiàng)目snowpack dev或snowpack build時(shí)Snowpack 會(huì)同步.snowpack/types目錄并下載缺失的類型也可以隨時(shí)手動(dòng)執(zhí)行snowpack prepare觸發(fā)同步。packageOptions.cache默認(rèn).snowpack控制緩存目錄位置types目錄就在該目錄之下。使用限制與已知問題非 JS 包Svelte、Vue 等Skypack 會(huì)優(yōu)先選擇包的 JavaScript 入口而非.svelte/.vue源文件這對(duì)大多數(shù)包可用但某些項(xiàng)目可能出問題嵌套導(dǎo)入失效少數(shù)情況下包內(nèi)部的嵌套導(dǎo)入會(huì)在 Skypack 上產(chǎn)生無效資源引用可顯式設(shè)置packageOptions.origin: https://cdn.skypack.dev默認(rèn)是pkg.snowpack.dev的 shim來規(guī)避兜底方案如果某個(gè)包在 CDN 上不可用可向 Skypack 的問題跟蹤器報(bào)告未來版本計(jì)劃支持將壞掉的包回退到本地構(gòu)建。核心特性二內(nèi)置生產(chǎn)優(yōu)化由 esbuild 驅(qū)動(dòng)esbuild 是用 Go 編寫的打包器可以在其他基于 JavaScript 的打包器無法并行化的重負(fù)載打包任務(wù)上充分并行官方基準(zhǔn)測(cè)試中比多數(shù)流行打包器快約 100 倍。Snowpack 在 v2 時(shí)期就已將 esbuild 作為默認(rèn)的單文件構(gòu)建器用于 JavaScript、TypeScript 與 JSX 文件的轉(zhuǎn)譯。v3.0 把這一集成推進(jìn)到內(nèi)置的構(gòu)建優(yōu)化流水線打包bundle、壓縮minify、轉(zhuǎn)譯transpile生產(chǎn)站點(diǎn)耗時(shí)僅為其他打包器的約 1/100。Snowpack 能如此輕量地接入 esbuild得益于早期的一個(gè)架構(gòu)決策打包只是構(gòu)建后的優(yōu)化步驟bundling is just a post-build optimization。開發(fā)階段始終輸出未打包的原生 ESM生產(chǎn)階段才把打包當(dāng)作可插拔的后處理因此 esbuild 可以像任何其他打包器一樣被插入或替換。啟用內(nèi)置優(yōu)化// snowpack.config.mjs // Example: Using Snowpacks built-in bundling support export default { optimize: { bundle: true, minify: true, target: es2018, }, };optimize支持的完整接口如下export interface OptimizeOptions { entrypoints: auto | string[] | ((options: {files: string[]}) string[]); preload: boolean; bundle: boolean; loader?: {[ext: string]: Loader}; sourcemap: boolean | external | inline | both; splitting: boolean; treeshake: boolean; manifest: boolean; minify: boolean; target: es2020 | es2019 | es2018 | es2017; }其中target決定轉(zhuǎn)譯目標(biāo)、preload控制預(yù)加載、splitting與treeshake對(duì)應(yīng)代碼分割與 tree-shaking、manifest可輸出構(gòu)建清單。esbuild 仍屬年輕項(xiàng)目官方明確表示尚未達(dá)到生產(chǎn)就緒當(dāng)時(shí)只推薦小型項(xiàng)目使用內(nèi)置優(yōu)化。源碼視角esbuild 插件如何工作開發(fā)階段默認(rèn)的單文件轉(zhuǎn)譯由 snowpack/src/plugins/plugin-esbuild.ts 中的esbuildPlugin完成。它的輸入類型是[.ts, .tsx, .js, .jsx, .mjs]等輸出統(tǒng)一為.js。關(guān)鍵行為包括依據(jù)文件擴(kuò)展名選擇 esbuild loader.mjs按js處理JSX 文件會(huì)按buildOptions.jsxInject注入 React/Preact 的導(dǎo)入語句自動(dòng)檢測(cè) Preact若文件import自preact則 JSX 工廠函數(shù)jsxFactory與片段jsxFragment默認(rèn)取h與Fragment否則回落到React.createElement/React.Fragment對(duì)應(yīng) configuration 中buildOptions.jsxFactory/buildOptions.jsxFragment的默認(rèn)值說明sourcemap開啟時(shí)以inline形式生成sourcesContent在生產(chǎn)模式mode production下關(guān)閉以減小體積。生產(chǎn)構(gòu)建的打包優(yōu)化則由同一 esbuild 引擎在optimize階段驅(qū)動(dòng)開發(fā)與生產(chǎn)共享同一套轉(zhuǎn)譯語義避免了開發(fā)/產(chǎn)物行為不一致的問題。備選方案Optimize 插件Snowpack 也支持通過插件接入成熟打包器webpack官方推薦snowpack/plugin-webpack插件實(shí)現(xiàn)位于 plugins/plugin-webpackRollupsnowpack-plugin-rollup-bundle社區(qū)維護(hù)。發(fā)布時(shí)的官方建議是在內(nèi)置 optimize 成熟之前生產(chǎn)項(xiàng)目推薦使用snowpack/plugin-webpack同時(shí)官方也會(huì)長(zhǎng)期維護(hù)現(xiàn)有打包器插件讓成熟項(xiàng)目繼續(xù)使用 Webpack、Rollup 等方案。完整插件清單見 plugins 目錄與插件指南。核心特性三全新的 JavaScript APIv3.0 提供了原生 JavaScript API授予開發(fā)者對(duì) dev server 與構(gòu)建流水線的更高級(jí)控制可用于構(gòu)建更強(qiáng)大的集成——包括新型開發(fā)工具與服務(wù)端渲染SSR方案。大多數(shù)用戶通過 CLI 與 Snowpack 交互JS API 面向需要自定義構(gòu)建流水線或 SSR 引擎的集成者。createConfiguration() 與 loadConfiguration()import {createConfiguration} from snowpack; const config createConfiguration({...});createConfiguration(config?: SnowpackUserConfig) SnowpackConfig。Snowpack 設(shè)計(jì)為零配置config參數(shù)可以是完整的、空對(duì)象或只含少量屬性其余部分由默認(rèn)值填充。簡(jiǎn)單理解SnowpackUserConfig是外部文檔化的配置格式SnowpackConfig是內(nèi)部表示——所有可選/未定義字段都已填充實(shí)際默認(rèn)值。import {loadConfiguration} from snowpack; const config await loadConfiguration({...}, /path/to/snowpack.config.mjs);loadConfiguration(overrides?, configPath?)與createConfiguration類似但會(huì)真實(shí)檢查文件系統(tǒng)、從磁盤加載配置文件配置文件內(nèi)的所有路徑均相對(duì)于該文件自身。startServer() 與 SnowpackDevServerimport {startServer} from snowpack; const config createConfiguration({...}); const server await startServer({config}); // returns: SnowpackDevServerstartServer({config})啟動(dòng)一個(gè) dev server 實(shí)例等價(jià)于命令行snowpack dev。關(guān)鍵在于dev server 啟動(dòng)時(shí)零構(gòu)建只有通過loadUrl請(qǐng)求文件時(shí)才按需構(gòu)建這正是約 50ms 啟動(dòng)、零啟動(dòng)成本的來源。SnowpackDevServer提供的核心方法port服務(wù)器監(jiān)聽的端口loadUrl(reqUrl, opt?)加載一個(gè)文件并返回結(jié)果首次請(qǐng)求觸發(fā)構(gòu)建并緩存allowStale: true可啟用冷緩存跨會(huì)話的緩存結(jié)果不保證新鮮度getUrlForFile(fileLoc)根據(jù)磁盤路徑反查最終托管的 URL常與loadUrl配合getUrlForPackage(packageSpec)查詢依賴包的最終托管 URLsendResponseError(req, res, status)在服務(wù)器響應(yīng)處理器中發(fā)送錯(cuò)誤響應(yīng)便于集成 Express、Koa 等 Node 服務(wù)器onFileChange({filePath})復(fù)用 Snowpack 已有的文件監(jiān)聽器避免自建 watcher 的開銷shutdown()關(guān)閉 dev server清理長(zhǎng)任務(wù)與文件監(jiān)聽getServerRuntime()返回 ESM Server Runtime讓 Node.js 直接從 Snowpack 構(gòu)建緩存導(dǎo)入模塊詳見下一節(jié)。build() 與 SnowpackBuildResultimport {build} from snowpack; const config createConfiguration({...}); const {result} await build({config}); // returns: SnowpackBuildResultbuild()等價(jià)于snowpack build。result是內(nèi)存中的構(gòu)建輸入/輸出清單在--watch模式下build()會(huì) resolve 但構(gòu)建仍在繼續(xù)此時(shí)可用shutdown()關(guān)閉 watcher或用onFileChange響應(yīng)文件變更事件普通構(gòu)建模式下這兩個(gè)方法會(huì)拋錯(cuò)提示。輔助函數(shù)與工具getUrlForFile(fileLoc, config)與SnowpackDevServer.getUrlForFile()類似但需要顯式傳入configclearCache()等價(jià)于 CLI 的--reload標(biāo)志清除全部緩存用于排障或在 Snowpack 無法檢測(cè)到的變更后清理logger可直接導(dǎo)入控制 Snowpack 內(nèi)部日志器高級(jí)特性日常調(diào)試建議使用verbose配置項(xiàng)。這些導(dǎo)出在 snowpack/src/index.ts 中集中定義startServer、build、loadConfiguration、createConfiguration、clearCache、logger均為穩(wěn)定 API舊 APIstartDevServer、buildProject、loadAndValidateConfig被保留但會(huì)拋出棄用錯(cuò)誤。完整的類型定義與SnowpackDevServer方法簽名可參考 javascript-interface 參考文檔。實(shí)際用例SvelteKit 與 Microsite新 API 已在生態(tài)中落地SvelteKitSvelte 團(tuán)隊(duì)的新官方 Web 應(yīng)用框架基于 Snowpack 構(gòu)建用 JS API 按需管理構(gòu)建流水線實(shí)現(xiàn)文件變更零快速更新、啟動(dòng)零成本Microsite則是面向 Preact 的靜態(tài)站點(diǎn)生成器SSG內(nèi)置自動(dòng)局部水合partial hydration向客戶端發(fā)送盡可能少的 JavaScript。核心特性四全新的 Node.js RuntimeSSR這一特性直接來自與 Svelte 團(tuán)隊(duì)的合作。在構(gòu)建 SvelteKit 的過程中Rich Harris 為 Snowpack 創(chuàng)建了服務(wù)端運(yùn)行時(shí)可以像 import 任何 Snowpack 構(gòu)建產(chǎn)物一樣把它直接導(dǎo)入 Node.js并自動(dòng)處理 ESM → CJS 轉(zhuǎn)換與 CSS 提取。結(jié)果是一條貫穿 Node.js 與前端、且保留按需構(gòu)建性能收益的統(tǒng)一構(gòu)建流水線。在 Node.js 中運(yùn)行前端代碼解鎖了真正的服務(wù)端渲染SSR、Jest/uvu/Mocha 等測(cè)試運(yùn)行器集成等能力。Runtime API 使用方式通過SnowpackDevServer.getServerRuntime()獲取運(yùn)行時(shí)再用importModule()直接導(dǎo)入構(gòu)建產(chǎn)物const server await startServer({config}); const runtime server.getServerRuntime(); const {helloWorld} (await runtime.importModule(/dist/index.js)).exports; helloWorld();ServerRuntime接口定義interface ServerRuntime { /** Import a Snowpack-build JavaScript file into Node.js. */ importModule(url: string) PromiseServerRuntimeModule; /** Invalidate a module in the internal runtime cache. */ invalidateModule(url: string) void; } interface ServerRuntimeModule { /** The imported module. */ exports: any; /** References to all internal CSS imports. Useful for CSS extraction. */ css: string[]; }ServerRuntimeModule.css記錄了模塊內(nèi)部的所有 CSS import 引用可直接用于服務(wù)端 CSS 提取。SSR 的三種接入方案完整指南見 server-side-render 文檔它給出三種從淺到深的方案方案 1靜態(tài)服務(wù)snowpack build --watch——直接托管build/目錄在服務(wù)端 HTML 響應(yīng)中引入正確的 JS/CSSscript typemodule src/dist/index.js/script開發(fā)與生產(chǎn)共用同一build/目錄可通過--out、--config或配置中的自定義邏輯區(qū)分環(huán)境。缺點(diǎn)是啟動(dòng)時(shí)要等整個(gè)目錄構(gòu)建完成。方案 2按需服務(wù) / 中間件startServer()——把 dev server 當(dāng)作中間件嵌入自己的服務(wù)器按請(qǐng)求構(gòu)建文件const {startServer} require(snowpack); const server await startServer({ ... }); // Example: Express // On request, build each file on request and respond with its built contents app.use((req, res, next) { try { const buildResult await server.loadUrl(req.url); res.send(buildResult.contents); } catch (err) { next(err); } });方案 3真正的 SSRgetServerRuntime()——在 Node.js 進(jìn)程中直接運(yùn)行 Snowpack 構(gòu)建出的 JS 并返回服務(wù)端渲染的 HTMLconst {readFileSync} require(fs); const {startServer} require(snowpack); const server await startServer({ ... }); const runtime server.getServerRuntime(); // Advanced Example: Express React SSR app.use(async (req, res, next) { // Server-side import our React component const importedComponent await runtime.importModule(/dist/MyReactComponent.js); const MyReactComponent importedComponent.exports.default; // Render your react component to HTML const html ReactDOMServer.renderToString(React.createElement(MyReactComponent, null)); // Load contents of index.html const htmlFile readFileSync(./index.html, utf8); // Inserts the rendered React HTML into our main div const document htmlFile.replace(/div idapp\/div/, div idapp${html}/div); // Sends the response back to the client res.send(document); });若不想手寫 SSR 集成也可直接采用 SvelteKit、Microsite 這類基于 Snowpack 的應(yīng)用框架。開啟自定義服務(wù)器 HMR 的細(xì)節(jié)見 HMR 指南。一周年v3.0 發(fā)布的里程碑回顧發(fā)布博客同時(shí)回顧了 Snowpack 一周年的成績(jī)單自v0.0.1到 v3.0 累計(jì)150 次發(fā)布100 個(gè)官方與社區(qū)插件可選100 位獨(dú)立貢獻(xiàn)者GitHub 上15,000 Star并獲評(píng) 2020 JS Open Source Awards 的#1 Developer Productivity Boost、2020 State of JS 中#1 Highest Developer Interest與#1 Highest Developer Satisfaction并列。以上數(shù)據(jù)均為發(fā)布說明中的官方陳述可作為 v3.0 時(shí)代項(xiàng)目活躍度的參考。從 50ms 啟動(dòng)的 unbundled 開發(fā)模式到 v3.0 的流式導(dǎo)入、內(nèi)置 esbuild 優(yōu)化、JavaScript API 與 Node.js RuntimeSnowpack 試圖證明一條以瀏覽器原生 ESM 為中心的構(gòu)建路徑開發(fā)零打包、依賴按需獲取、打包只是生產(chǎn)階段的可插拔優(yōu)化。這三塊拼圖——Streaming Imports指南、optimize優(yōu)化指南、JS API 與 SSR Runtime接口參考——共同構(gòu)成了 v3.0 的完整形態(tài)也是理解后續(xù)版本演進(jìn)的起點(diǎn)。贊分享前端開發(fā)工具前端構(gòu)建【免費(fèi)下載鏈接】snowpackESM-powered frontend build tool. Instant, lightweight, unbundled development. ??項(xiàng)目地址https://gitcode.com/gh_mirrors/sn/snowpack點(diǎn)擊查看免費(fèi)下載相關(guān)推薦Node.js 14.10.0Current版本發(fā)布公告深度解讀新 API 與發(fā)布流程全解析Node.js 14.10.0Current版本發(fā)布公告深度解讀新 API 與發(fā)布流程全解析 本篇文章基于 Node.js 官方網(wǎng)站發(fā)布公告 v14.10前端文檔NumPy 2.1.0 版本全解析核心新特性、API 變更與性能優(yōu)化深度導(dǎo)讀NumPy 2.1.0 版本全解析核心新特性、API 變更與性能優(yōu)化深度導(dǎo)讀 NumPy 2.1.0 是 NumPy 2.x 系列的首個(gè)功能性次要版本本篇文科學(xué)計(jì)算數(shù)據(jù)分析Snowpack模塊解析機(jī)制深入理解ESM導(dǎo)入處理流程Snowpack模塊解析機(jī)制深入理解ESM導(dǎo)入處理流程 你是否曾因前端構(gòu)建工具的緩慢而感到沮喪傳統(tǒng)打包工具在開發(fā)過程中需要不斷重新構(gòu)建整個(gè)應(yīng)用導(dǎo)致寶貴的開前端開發(fā)工具前端構(gòu)建創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考