Posted 濂囪垶绮鹃€?/a> 涓€涓
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了相关的知识,希望对你有一定的参考价值。
缂栬€呮寜锛氭湰鏂囩敱sunshine灏忓皬鍊╁彂琛ㄤ簬鎺橀噾缈昏瘧璁″垝锛岃瘧鑰呭凡鎺堟潈鍒嗕韩鍒板鑸炲懆鍒娿€?/span>
娉ㄦ剰 锛氳繖鏄垜鍦?12 鏈? 鏃ュ湪璋锋瓕灞辨櫙瀛︽牎婕旇鐨勪竴閮ㄥ垎锛?span class="mq-7">娆㈣繋鍙傚姞锛?/strong>
鍦ㄧ粡杩囧洓涓湀鐨勫姫鍔涳紝鎴戝緢鍏村鐨勫甯?Turbo 璇炵敓浜嗭紒馃帀
Turbo 鏄竴涓€熷害鏋佸揩鐨?NPM 瀹㈡埛绔紝鏈€鍒濇槸涓?StackBlitz 鍒涘缓鐨勶細
瀹夎鍖呯殑閫熷害鑷冲皯鏄?Yarn 鍜?NPM 鐨勪簲鍊?馃敟
灏?node_modules 鐨勫ぇ灏忓噺灏戝埌涓や釜鏁伴噺绾ю煒?
澶氬眰鍐椾綑锛屼娇鍙潬鎬ц揪鍒颁簡鐢熶骇绾у埆 馃挭
瀹屽叏鍦?Web 娴忚鍣ㄤ腑宸ヤ綔锛岃兘澶熸嫢鏈夐棯鐢佃埇鐨勫紑鍙戠幆澧?鈿★笍
鍦?StackBlitz.com 涓娇鐢?Turbo 瀹夎 NPM 鍖呯殑瀹為檯閫熷害
涓轰粈涔堣鍋?Turbo锛?/h2>
褰撴垜浠垰寮€濮嬪紑鍙?StackBlitz 鐨勬椂鍊欙紝鎴戜滑鐨勭洰鏍囧氨鏄垱寤轰竴涓湪绾跨殑 IDE锛岃繖涓?IDE 鍙互璁╀綘鎰熻鍜岃秴绾ц窇杞︿竴鏍峰揩锛氫綘鍙渶瑕佹帴鍙楃灛闂村搷搴斿懡浠ょ殑鍠滄偊鍗冲彲銆?/p>
Turbo 鎵€鍒涢€犵殑浣撻獙鏄?NPM 鍜?Yarn 鍦ㄦ湰鍦版棤娉曟彁渚涖€傚洜涓鸿璁?NPM 鍜?Yarn 鐨勫垵琛锋槸澶勭悊澶ч噺鍚庡彴浠g爜鎵€渚濊禆鐨勬湰鍦颁簩杩涘埗鎴栧拰鍏朵粬璧勬簮銆傚畠浠殑瀹夎娴佺▼浣垮緱瀹冧滑鏇村儚鏄崐鎸傚紡鍗¤溅锛岃€屼笉鏄秴璺戙€備絾鍓嶇浠g爜寰堝皯鏈夎繖绉嶅ぇ瑙勬ā鐨勪緷璧栵紝鎵€浠ラ棶棰樻潵浜嗭細杩欎簺渚濊禆浠嶇劧浼氫綔涓?devDependencies 鍜?sub-dependencies 杩涘叆瀹夎娴佺▼锛屽苟涓斾緷鏃ц涓嬭浇鍜屽紩鐢ㄣ€傚皢褰㈡垚閭d釜鑷悕鏄憲鐨勯粦娲烇細node_modules銆?/p>
杩欏氨瑙i噴浜嗕负浠€涔?NPM 鏃犳硶鍦ㄦ湰鍦扮殑娴忚鍣ㄤ腑宸ヤ綔銆傚湪 node_modules 鏂囦欢澶逛腑瑙f瀽銆佷笅杞姐€佹彁鍙栫櫨鍏嗗瓧鑺傦紙鎴栧崈鍏嗗瓧鑺傦級鐨勫吀鍨嬪墠绔」鐩槸涓€涓寫鎴橈紝鍦ㄦ祻瑙堝櫒涓苟涓嶉€傚悎杩欐牱鍋氥€傛澶栵紝杩欎篃璇佹槑浜嗕负浠€涔堝湪鏈嶅姟鍣ㄧ瑙e喅浼氳繖涔?鎱€佷笉鍙潬銆佸苟涓旀墿灞曟垚鏈姝ら珮銆?/p>
鎵€浠ワ紝濡傛灉 NPM 鏈韩涓嶈兘鍦ㄦ祻瑙堝櫒绔繍琛岋紝閭f垜浠粠搴曞眰寤轰竴涓柊鐨勩€佽兘澶熷湪娴忚鍣ㄩ噷杩愯鐨?NPM 瀹㈡埛绔細鎬庝箞鏍峰憿锛?/p>
瑙e喅鏂规锛氫竴涓笓闂ㄤ负 Web 鏋勫缓鐨勬洿鑱槑銆佹洿蹇殑鍖呯鐞嗗櫒馃摝
Turbo 鐨勯€熷害鍜屾晥鐜囧ぇ閮ㄥ垎鏄€氳繃鍒╃敤涓庣幇浠e墠绔簲鐢ㄧ▼搴忕浉鍚岀殑鎶€鏈潵瀹屾垚鐨勶紝杩欎簺鎶€鏈兘鏄负浜嗗疄鐜版洿浼樼殑鎬ц兘-tree-shaking銆佹噿鍔犺浇鍜屽惎鐢ㄤ簡 gzip 鐨勬櫘閫?XHR/fetch 璇锋眰銆?/p>
鎸夐渶妫€绱㈡枃浠?/strong> 馃殌
Turbo 寰堝阀濡欑殑鍙绱?main銆乼ypings銆佸拰鍏朵粬鐩稿叧鏂囦欢闇€瑕佺殑鏂囦欢锛岃€屼笉鏄笅杞芥暣涓帇缂╁寘銆傛棤璁烘槸涓汉椤圭洰杩樻槸澶у瀷椤圭洰锛岃繖閮芥瀬澶у湴鍑忚交浜嗚礋杞姐€?/p>
RxJS 鍜?RealWorld Angular 鎬绘湁鏁堣浇鑽峰ぇ灏忕殑姣旇緝
閭d箞濡傛灉浣犵殑閲嶈鏂囦欢骞舵病鏈夎涓绘枃浠跺紩鐢ㄤ細鎬庝箞鏍峰憿锛熶緥濡備竴涓?Sass 鏂囦欢 锛屼笉鐢ㄦ媴蹇冿紝Turbo 鎸夐渶杩涜鎳掑姞杞藉苟涓斾竴鐩翠繚瀛樹互渚垮皢鏉ヤ娇鐢紝杩欎釜鍜屽井杞柊鎺ㄥ嚭鐨?GVFS Git protocol宸ヤ綔鍘熺悊鏈変簺绫讳技銆?/p>
鍏锋湁澶氱鏁呴殰杞Щ绛栫暐鐨勫仴澹紦瀛?馃弸锔?/h3>
鎴戜滑鏈€杩戞帹鍑轰簡涓€涓叿鏈?Turbo 鐗瑰緛鐨?CDN锛屾墍鏈夌殑 NPM 鍖呴兘鍦ㄤ竴涓娇鐢?gzip 鎵撳寘鐨?JSON 璇锋眰涓紝澶уぇ鎻愰珮浜嗗寘瀹夎鐨勯€熷害銆傝繖涓蹇电被浼间簬 npm 鐨?tarball锛屽畠鍚堝苟浜嗘墍鏈夌殑鏂囦欢骞朵笖杩涜浜唃zip鍘嬬缉銆傜劧鑰岋紝Turbo 鐨勭紦瀛樻洿鍔犳櫤鑳斤紝瀹冨彧鍚堝苟浣犻」鐩渶瑕佺殑鏂囦欢骞跺帇缂┿€?/p>
姣忎竴涓?Turbo 鐨勫鎴风閮芥槸鍦ㄦ祻瑙堝櫒涓嫭绔嬭繍琛岀殑锛屽苟涓斿鏋滀綘寮曠敤鐨勫寘鏂囦欢鍦ㄦ垜浠殑缂撳瓨涓紝閭d箞浼氱洿鎺ヤ粠 jsDelivr 鎻愪緵鐨勫ぇ閲忕殑 CDN 璧勬簮 涓嚜鍔ㄦ寜闇€涓嬭浇銆傚鏋?jsDelivr 璁块棶涓嶄簡浜嗘€庝箞鍔烇紵涓嶈鎷呭績锛屼細鑷姩鏇挎崲鎴?Unpkg CDN锛屾彁渚涗笁灞傝秴鍙潬鐨勭嫭绔嬬殑鍖呭畨瑁呭伐鍏佛煈屻€?/p>
蹇闂數鐨勪緷璧栬В鍐虫柟妗?鈿★笍
涓轰簡纭繚鏈€灏忕殑鏈夋晥璐熻浇澶у皬锛孴urbo 浣跨敤涓€涓畾鍒剁殑瑙f瀽绠楁硶锛屽湪鍙兘鐨勬儏鍐典笅绉瀬瑙f瀽閫氱敤鍖呯殑鐗堟湰銆傚畠杩樺嚭濂囩殑蹇苟涓斾繚璇佷簡瓒冲鐨勫啑浣欙細鏃犳湇鍔$増鏈殑瑙f瀽鍣ㄦ湁鏉冧娇鐢?NPM 鍦ㄥ唴瀛樹腑鐨勬暣涓暟鎹泦骞朵笖鍦?85ms 鍐呰В鏋愪换浣?package.json 鏂囦欢銆俆urbo 鍦ㄨ繛鎺ユ棤鏈嶅姟鍣ㄧ増鏈殑瑙f瀽鍣ㄦ椂鏈変换浣曠殑闂鐨勬椂鍊欙紝涔熷彲浠ヤ紭闆呯殑鍦ㄦ祻瑙堝櫒涓畬鏁磋繍琛屽苟涓斾繚鐣欐墍鏈夌敤浜庤В鍐抽棶棰樻墍蹇呴渶鐨勫厓鏁版嵁銆?/p>
鍦ㄥ鎴风瀹屾垚渚濊禆绠$悊涔熶細甯︽潵涓€浜涙柊鐨勪护浜哄叴濂嬬殑鍙兘鎬э紝姣斿鍙渶鍗曞嚮涓€娆″氨鍙互瀹夎缂哄皯鐨勫绛変緷璧栧叧绯?馃槷: 鍥犱负娌℃湁浜鸿杩欎簺 NPM 鍦ㄦ帶鍒跺彴杈撳嚭鐨勮鍛?馃槣 Turbo 鐩墠鑳藉鍙潬鍦板鐞嗘瘡涓湀鐧句竾绾у埆鐨勮姹傛暟锛屽苟涓斿紑閿€鍙互蹇界暐涓嶈銆傝€屼笖鎴戜滑寰堝叴濂嬬殑瀹e竷锛欸oogle 鐨?Angular 鍥㈤槦鏈€杩戦€夋嫨浜?StackBlitz 鏉ユ敮鎸佷粬浠枃妗d腑鐨勫疄渚嬶紝鑰屾湁鏁颁互鐧句竾璁$殑寮€鍙戜汉鍛樺湪浣跨敤浠栦滑鐨勬枃妗c€?/p>
Turbo 鏄緷璧栦簬 StackBlitz.com 鐨勶紝骞朵笖鍦ㄦ妧鏈瑙堥樁娈垫垜浠皢浼氳繍琛屽ぇ閲忕殑娴嬭瘯鍜屾祴閫燂紝妫€楠屾晥鑳藉拰鍙潬鎬х殑鏀硅繘锛屼綘鐨勬瘡涓€涓弽棣堥兘鏄嚦鍏抽噸瑕佺殑锛屾墍浠ュ湪浣跨敤涓亣鍒伴棶棰橈紝璇蜂笉鍋囨€濈储鍦板悜鎴戜滑 鎻?issues 锛屽湪鎴戜滑鐨?Discord 绀惧尯閲屽拰鎴戜滑娌熼€氿煃?/p>
灏界 Turbo 鏈€鍒濇槸鍦ㄧ幇瀹炵殑 IDE锛?span class="mq-76">stackblitzTurbo宸茶璇佸疄鍙互澶ц妯′娇鐢?馃搱
鎶€鏈瑙?馃檶
鏈€鍚庯紝鎴戜滑闈炲父鎰熻阿 Google 鐨?Angular 鍥㈤槦鍦ㄦ垜浠殑鎶€鏈笅鐨勮祵娉紝鍚屾椂鎰熻阿 Google Cloud 鍥㈤槦灏嗕粬浠护浜烘儕鍙圭殑鏈嶅姟璧炲姪缁?Turbo 浣跨敤锛佲潳锔?/p>
涓€濡傛棦寰€锛岃闅忔椂閫氳繃 Tweet 鑱旂郴鎴?/h3>
鏈変换浣曠殑鐤戦棶銆佸弽棣堛€佹兂娉曠瓑绛夐兘鍙互閫氳繃 @ericsimons40 鎴栬€?@stackblitz 鑱旂郴鎴?锛氾級
鍙﹀锛屽鏋滀綘鏈夊叴瓒f敮鎸佹垜浠殑宸ヤ綔锛岃鑰冭檻璁㈤槄 Thinkster Pro锛佹垜浠鍦ㄥ垱寤轰竴涓柊绯诲垪鍏充簬鎴戜滑鏄浣曞垱寤?Turbo 鍜?StackBlitz 鐨勶紝浠ュ強淇敼鎴戜滑鐨勭洰褰曪細锛?/p>
鎴戝笇鏈涗綘浠兘鐪嬩笅鎴?12 鏈?6 鏃ュ湪 Mountain View 鐨勮棰?/span>銆?/p>
濂囪垶鍛ㄥ垔 鈥斺€斺€?span class="mq-98">鈥斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€?/span>鈥斺€斺€?/span> 棰嗙暐鍓嶇鎶€鏈?闃呰濂囪垶鍛ㄥ垔 闀挎寜浜岀淮鐮侊紝鍏虫敞濂囪垶鍛ㄥ垔 鈻?/strong> 以上是关于的主要内容,如果未能解决你的问题,请参考以下文章