鍘熸枃锛歨ttps://transitivebullsh.it/javascript-dev-tools-in-20222022骞达紝姣忎釜JS/TS寮€鍙戣€呴兘搴旇鐭ラ亾鐨勬渶閲嶈鐨勫紑鍙戝伐鍏风被鍒紝鍖呮嫭鏈€鐩稿叧鐨勮锤鏄?鍏抽棴锛屼互鍙婁竴浜涗釜浜哄缓璁€傚湪杞欢宸ョ▼棰嗗煙锛屾竻妤氬湴浜嗚В鎵€浣跨敤鐨勫伐鍏烽潪甯搁噸瑕併€備絾JS宸ュ叿鎬绘槸鏃ユ柊鏈堝紓锛?022骞翠篃涓嶄緥澶栥€傚洜姝わ紝鎴戞兂鍒嗚В涓€涓?022骞翠綘搴旇鐭ラ亾鐨勬渶閲嶈鐨勫伐鍏凤紝瀹冧滑鏈€鐩稿叧鐨勬潈琛℃槸浠€涔堬紝骞舵彁渚涗竴浜涗釜浜哄缓璁€傛垜浠皢浠庢渶浣庣骇鍒殑宸ュ叿寮€濮嬶紝鐒跺悗閫愭鍗囩骇鍒版洿楂樼骇鍒殑宸ュ叿銆傝鎴戜滑寮€濮嬪惂馃挭銆傚紑鍙戝伐鍏风紪璇戝櫒缂栬瘧鍣ㄨ礋璐ｅ皢杈撳叆浠ｇ爜杞崲鎴愭煇绉嶇洰鏍囪緭鍑烘牸寮忋€傚嚭浜庢垜浠殑鐩殑锛屾垜浠叧娉ㄩ偅浜涙敮鎸佸皢鐜颁唬JavaScript鍜孴ypeScript杞崲涓轰笌娴忚鍣ㄥ拰鏈€鏂扮増鏈殑Node.js鍏煎鐨勭壒瀹氱増鏈殑ECMAscript鐨勭紪璇戝櫒銆傚悕绉版弿杩癝tarsLanguageSpeed鎴愮啛搴icensetscTSOfficialCompiler79,300TSslowVeryMatureApache2.0esbuildFastJS/TSCompiler31,200Gofast鏈塎ITswcFastJS/TSCompiler21,300Rustfast鏈堿pache2.0babelJSCompiler(TSPlugin)40,700JSslow闈炲父鎴愮啛鐨凪IT鐨勮繖涓鍩熸渶閲嶈鐨勬槸锛屽畠姝ｅ湪缁忓巻涓€涓法澶х殑杞彉锛屼粠鐢ㄩ珮绾цВ閲婅瑷€缂栧啓鐨勭紪璇戝櫒tsc鍜宐abel鍒扮敤鏇村揩鐨勭紪璇戣瑷€缂栧啓鐨勭紪璇戝櫒swc鍜宔sbuild銆傝繖绉嶈浆鍙樺鑷寸紪璇戞椂闂寸缉鐭簡10-100鍊嶏紝濡備笅鍥炬墍绀猴細濡傛灉鎮ㄦ鍦ㄦ洿鏂板紑鍙戝伐鍏峰爢鏍堬紝鎴栬€呭湪2022骞村紑濮嬩竴涓柊椤圭洰锛屾偍灏嗛渶瑕佽€冭檻浣跨敤杩欎簺涓嬩竴浠ne缂栬瘧鍣ㄣ€傚畠浠彲鑳戒笉濡傚畼鏂筎ypeScript缂栬瘧鍣╰sc鍜宐abel鎴愮啛锛屼絾鏋勫缓閫熷害鎻愰珮100鍊嶇殑濂藉涓嶅灏忚銆傝娉ㄦ剰锛宻wc鍜宔sbuild閮戒笉杩涜绫诲瀷妫€鏌ャ€備粬浠彧鏄敖鍙兘蹇€熼珮鏁堝湴灏嗕唬鐮佽浆鎹负鎵€闇€鐨勮緭鍑烘牸寮忋€傜洰鍓嶏紝濡傛灉鎮ㄤ娇鐢ㄧ殑鏄疶ypeScript锛屾偍鍑犱箮鎬绘槸闇€瑕佸皢瀹樻柟TypeScript缂栬瘧鍣ㄤ綔涓哄伐鍏烽摼鐨勪竴閮ㄥ垎锛屼互纭繚鎮ㄥ厖鍒嗗埄鐢═ypeScript鐨勯潤鎬佺被鍨嬫鏌ャ€傚€煎緱涓€鎻愮殑鏄紝swc鐨勪綔鑰卥dy1dev姝ｅ湪鑷村姏浜庡皢tsc绉绘鍒癎o锛屼互娑堥櫎鍦ㄨ澶氭儏鍐典笅瀵箃sc鐨勯渶姹傦紝鍥犱负tsc鐨勭紪璇戦€熷害寰€寰€鏄ぇ澶氭暟宸ュ叿閾剧殑鐡堕銆係WCvsesbuildswc鍜宔sbuild閮芥槸闈炲父濂借€屼笖闈炲父蹇殑寮€婧怞S/TS缂栬瘧鍣ㄣ€傚畠浠湪鎬ц兘涓婂叿鏈夊彲姣旀€э紙鍙傝鎬ц兘姣旇緝锛夛紝骞朵笖缁忓父琚竴浜涗笘鐣屼笂鏈€澶х殑鍏徃鐢ㄤ簬鐢熶骇鐜銆傚湪杩欎袱涓紪璇戝櫒涔嬮棿鍋氬嚭閫夋嫨鏇村鍦板彇鍐充簬鏋勫缓鍦ㄨ繖浜涚紪璇戝櫒涔嬩笂鐨勯珮绾у伐鍏凤紝鑰屼笉鏄洿鎺ュ湪瀹冧滑涔嬮棿杩涜閫夋嫨銆備娇鐢╯wc钁楀悕椤圭洰锛歏ercel鍜孨ext.jsDeno鐨刲inter銆乫ormatter鍜宒ocsParcel浣跨敤esbuild钁楀悕椤圭洰锛歏iteNuxt.jstsup鍦ㄨ蒋浠跺伐绋嬩腑锛屽儚鈥滄妧鏈疉浼樹簬鎶€鏈疊鈥濊繖鏍风殑绠€鍗曢檲杩板緢灏戞湁澶浠峰€笺€傜浉鍙嶏紝搴旀牴鎹叿浣撻」鐩潵纭畾浣跨敤鍝宸ュ叿銆傚湪璁稿鎯呭喌涓嬶紝鎮ㄦ渶濂戒娇鐢ㄥ畼鏂圭殑TypeScript缂栬瘧鍣ㄦ垨babel銆傝鎴愪负涓€鍚嶆洿濂界殑杞欢宸ョ▼甯堬紝閫氬父闇€瑕侀€忓交浜嗚В杩欎簺绫诲瀷鐨勫喅绛栨墍娑夊強鐨勬潈琛★紝骞舵牴鎹」鐩€佸洟闃熷拰涓氬姟闇€姹傜殑鐗瑰畾闄愬埗鏉ュ钩琛″畠浠€侭undlersBundlers璐熻矗灏嗘墍鏈夎緭鍏ユ簮鏂囦欢鎵撳寘鎴愭槗浜庝娇鐢ㄧ殑杈撳嚭鏍煎紡銆傛墦鍖呭櫒鏈€甯歌鐨勪袱涓敤渚嬫槸鎵撳寘Web搴旂敤绋嬪簭鐨勮祫婧愬拰鎵撳寘涓哄簱銆傚悕绉版弿杩癝tarsOptimizedLicenseWebpack琛屼笟鏍囧噯鎹嗙粦鍣?0,100涓猈eb搴旂敤绋嬪簭锛岀敤浜庡簱鎹嗙粦鍣ㄧ殑搴揗ITRollup21,400涓簱MITParcel闆堕厤缃甒eb鏋勫缓宸ュ叿41,000涓猈eb搴旂敤绋嬪簭锛屽簱MIT鍍弚ebpack鍜宺ollup杩欐牱鐨勬崋缁戝伐鍏锋槸鐜颁唬JS宸ュ叿閾锯€滅憺澹啗鍒€鈥濈殑涓€閮ㄥ垎銆傚畠浠兘鍏锋湁鏋佸己鐨勫彲鎵╁睍鎬э紝缁存姢鑹ソ鐨勬彃浠舵兜鐩栦簡澶у鏁颁富瑕佺敤渚嬨€備緥濡傦紝浣跨敤涓婇潰鍒楀嚭鐨勪换浣曟祦琛岀紪璇戝櫒锛岄€氳繃webpack鎴杛ollup杞瘧TS浠ｇ爜閮界浉瀵圭畝鍗曘€傚彟涓€鏂归潰锛孭arcel鎻愪緵浜嗕竴绉嶈繎涔庨浂閰嶇疆鐨勬墦鍖呮柟寮忋€傚畠渚ч噸浜庣畝鍗曟€ц€屼笉鏄彲鎵╁睍鎬э紝骞朵娇鐢╡sbuild浣滀负搴曞眰缂栬瘧鍣ㄣ€傝娉ㄦ剰锛宻wc鍜宔sbuild涔熼兘鎻愪緵鍩烘湰鐨勬墦鍖呭姛鑳斤紝涓庤繖浜涙墦鍖呯▼搴忕浉姣旓紝瀹冧滑鐨勫姛鑳借繕涓嶅鍏ㄩ潰锛屽洜姝ゆ棤娉曞寘鍚湪姝ゅ垪琛ㄤ腑銆傛湁鍏宠繖浜涙崋缁戝櫒鐨勬洿璇︾粏姣旇緝锛岃鍙傞槄tooling.report銆傚紑鍙戝簱杩欎簺宸ュ叿鏃ㄥ湪甯姪搴撲綔鑰呮墦鍖呭拰鍒嗗彂鐜颁唬NPM鍖呫€傚悕绉版弿杩癝tarCompilerBundlerLicensetsupFastTSlibrarybundlerpoweredbyesbuild1,800esbuildrollupMITtsdx鐢ㄤ簬TSbundle寮€鍙戠殑闆堕厤缃瓹LI9,500babelrollupMITmicrobundle寰瀷妯″潡鐨勯浂閰嶇疆鎹嗙粦鍣?,800babelrollup)40,000esbuildrollupMITpreconstructEasilydevelopandbuildcodeinmonorepos720babelrollupsystemMITunbuild4濡傛灉鎮ㄥ湪2022骞村紑鍙戜簡涓€涓柊搴擄紝鎮ㄥ彲鑳藉笇鏈涗娇鐢ㄨ繖浜涙洿楂樼骇鐨勫伐鍏锋潵绠€鍖栨偍鐨勫伐浣滄祦绋嬨€傚鏋滄偍鏈塗S鍖呭苟鎯冲埄鐢╡sbuild鎻愪緵鐨勮秴蹇瀯寤洪€熷害锛岄偅涔坱supp鏄竴涓笉閿欑殑閫夋嫨銆傚鏋滀綘鏈変竴涓猅S鍖呭苟涓旈渶瑕佷竴浜涢澶栫殑鍔熻兘锛宼sdx鏄竴涓笉閿欑殑閫夋嫨銆傚鏋滀綘鏈塗S鎴朖S鍖咃紝寰寘涔熸槸涓€涓笉閿欑殑閫夋嫨銆俈ite涓昏鏄敤浜庢瀯寤哄墠绔疻eb搴旂敤绋嬪簭鐨勫伐鍏凤紝浣嗗畠涔熸槸涓€涓彲闈犵殑鍏ㄨ兘閫夐」锛岃繕鍖呮嫭瀵硅緭鍑哄簱鐨勬敮鎸併€傛垜涓汉鍊惧悜浜庡皢tsup鐢ㄤ簬鎵€鏈夋柊鐨凾S鍖咃紝涓昏鏄洜涓轰竴鏃︿綘浣撻獙鍒?00鍊嶇殑鏋勫缓閫熷害锛屽氨寰堥毦鍐嶈€冭檻鍒囨崲鍥炲叾浠栫増鏈€傛洿澶氫俊鎭繖浜涘伐鍏蜂腑鐨勫ぇ澶氭暟鐩墠閮戒笉鑳藉緢濂藉湴鏀寔浣跨敤澶嶅悎椤圭洰寮曠敤鐨凾Smonorepos銆傜洰鍓嶏紝鎴戝杩欑鎯呭喌鐨勫缓璁槸浣跨敤tsc杩涜绫诲瀷妫€鏌ュ苟鐢熸垚.d.ts绫诲瀷锛堜娇鐢╡mitDeclarationOnly:true锛夛紝骞朵娇鐢╰sup缂栬瘧姣忎釜瀛愬寘涓殑浠ｇ爜銆傛湁鍏虫鏂规硶鐨勭ず渚嬶紝璇锋煡鐪媟eact-notion-xmonorepo椤圭洰锛堟垜鐨凮SS椤圭洰涔嬩竴锛夈€傚彂甯冪幇浠PM鍖呮槸涓€涓井濡欑殑璇濋锛岃繙杩滆秴鍑轰簡鏈枃鐨勮寖鍥淬€傛湁鍏矱SM銆乧ommonjs銆乪xports绛夌殑鏇村淇℃伅锛岃鍙傞槄锛歐hatdoesittosupportNode.jsESM?浣跨敤ESM鍖呭彂甯冨拰寮€鍙慦eb搴旂敤绋嬪簭杩欎簺楂樼骇宸ュ叿鍜屾鏋舵棬鍦ㄥ府鍔╁紑鍙戜汉鍛樻瀯寤虹幇浠eb搴旂敤绋嬪簭锛岃€屾棤闇€鎷呭績鎵€鏈夌粏鑺傘€傚悕绉版弿杩癝tarsCompilerPackagerFrameworkNext.jsReactFrameworkforProduction84,000swcwebpackreactNuxt.js鐩磋鐨刅ue妗嗘灦39,000esbuildrollupvueParcel闆堕厤缃甒eb鏋勫缓宸ュ叿41,000swccustomreactvueVite涓嬩竴浠ｅ墠绔伐鍏?0,000esbuildrollupreactvuesvelteSnowpackESM椹卞姩鐨勫墠绔瀯寤哄伐鍏?0,000esbuildrollupreact甯︽湁鍛戒护鐨勫簲鐢ㄧ▼搴?4,000babelwebpackreactSvelteKit鏋勫缓Svelte搴旂敤绋嬪簭鐨勬渶蹇柟娉?,700esbuildrollupsvelte浣跨敤swc鍜宔sbuild鏋勫缓鐨勯」鐩暟閲忓ぇ鑷寸浉鍚屻€倃ebpack鍜宺ollup涔熸槸濡傛銆傚鏋滀綘璁″垝鍦?022骞翠娇鐢≧eact寮€鍙戜竴涓柊鐨刉eb搴旂敤绋嬪簭锛岄偅涔堟垜寮虹儓鎺ㄨ崘Next.js銆傚畠鎷ユ湁鏈€濂界殑鏀寔銆佹渶娲昏穬鐨勭ぞ鍖猴紝骞朵笌涓栫晫棰嗗厛鐨勭幇浠eb搴旂敤绋嬪簭閮ㄧ讲骞冲彴Vercel绱у瘑闆嗘垚銆傚鏋滀綘姝ｅ湪浣跨敤Vue寮€鍙戜竴涓柊鐨刉eb搴旂敤绋嬪簭锛宯uxt.js鍜孷ite閮芥槸涓嶉敊鐨勯€夋嫨銆傚鏋滀綘鎯宠鏇磋交鐨勪笢瑗匡紝璇曡瘯Parcel銆傪煠楁€荤粨鍦ㄨ繃鍘荤殑10骞撮噷锛岀幇浠eb寮€鍙戝彇寰椾簡鏄剧潃鐨勫彂灞曘€備粖澶╃殑寮€鍙戜汉鍛樺緢骞歌繍鑳藉鎷ユ湁濡傛骞挎硾鐨勬儕浜虹殑銆佺淮鎶よ壇濂界殑宸ュ叿鍙緵閫夋嫨銆傛垜甯屾湜鏈枃鑳藉府鍔╂偍鍒嗘瀽褰撳墠JS/TS寮€鍙戝伐鍏烽鍩熸渶閲嶈鐨勬柟闈紝骞跺府鍔╂偍鍋氬嚭鏇存槑鏅虹殑鍐崇瓥銆?/p>
