鍓嶈█浠婂ぉ鍒峰井鍗氱殑鏃跺€欙紝鏃犳剰涓湅鍒颁簡灏ら洦姹愮殑涓€鏉″井鍗氾細鏂板勾绀肩墿馃巵锛熶粈涔堢ぜ鐗╋紵vue3鐨処E11鍏煎鍖呭嚭浜嗗悧锛熸垨鑰匧ongTimeSupport鐨剉ue2.7鍑烘潵浜嗗悧锛熻繕鏄痸ite1.0鍑烘潵浜嗭紵璧剁揣鐐硅繘鍘荤湅鐪嬶細vite濂藉儚缁堜簬鍑?.0浜嗭紝璧剁揣鐐笹etStarted杩涘幓鐪嬬湅锛氬棷锛熶粠v1杩佺Щ锛熷彂甯冮珮鐗堟湰鏃讹紝鎮ㄩ€氬父涓嶄細浠庝綆鐗堟湰杩佺Щ鍚楋紵鐐硅繘鍘荤湅鐪嬶細濂藉浼欙紒vite2.0宸茬粡鍑烘潵浜嗗悧锛燂紒杩樹互涓簐ite涓€鐩村湪鍔姏鍙戝竷1.0鐗堟湰鍛紒鏈潵鎯崇瓑瀹冨嚭1.0锛岀瓑绋冲畾浜嗗啀瀛︼紝娌℃兂鍒扮珶鐒舵槸绁為€熺殑2.0锛佺湡鍍忚瘎璁鸿鐨勶細鎴戝鐨勬病浣犲啓鐨勫揩锛佹姳鎬ㄦ槸娌℃湁鐢ㄧ殑銆傝櫧鐒跺繊涓嶄綇鎯冲悙妲借嚜宸卞涓嶄細浜嗭紝浣嗘槸浠旂粏涓€鎯筹紝鏇存柊鍒?.0涔熶笉鏄粈涔堝潖浜嬨€傜浉淇″ぇ閮ㄥ垎浜洪兘鍜屾垜涓€鏍凤紝瀵箆ite浠庢潵娌℃湁娣卞叆鐨勪簡瑙ｈ繃銆傜湅浜嗗嚑绡囨枃绔犲氨鐭ラ亾vite鏄共浠€涔堢敤鐨勶紝瀹冨拰webpack鏈変粈涔堝尯鍒紵鐜板湪鐩存帴瀛︿範鏂扮殑锛屽厛绠€鍗曠炕璇戜竴涓嬩粠v1鐗堟湰杩佺Щ杩囨潵鐨勮繖閮ㄥ垎锛氱炕璇戦厤缃€夐」鏇存敼鍒犻櫎浜嗕互涓嬮€夐」锛屽簲璇ラ€氳繃鎻掍欢瀹炵幇锛氬垹闄や簡resolverstransformsindexHtmlTransformsjsx鍜宔nableEsbuild锛涜浣跨敤鏂扮殑esbuild閫夐」銆傜幇鍦紝涓嶤SS鐩稿叧鐨勯€夐」宓屽鍦╟ss涓€傛墍鏈夌壒瀹氫簬鏋勫缓鐨勯€夐」鐜板湪閮藉祵濂楀湪鏋勫缓涓€俽ollupInputOptions鍜宺ollupOutputOptions鏇挎崲涓篵uild.rollupOptions銆俥sbuildTarget鏇挎崲涓篵uild.target銆俥mitManifest琚玝uild.manifest鍙栦唬銆備互涓嬫瀯寤洪€夐」宸茶鍒犻櫎锛屽洜涓哄畠浠彲浠ラ€氳繃鎻掍欢鎸傞挬鎴栧叾浠栭€夐」瀹炵幇锛歟ntryrollupDedupeemitAssetsemitIndexshouldPreloadconfigureBuild鎵€鏈夌壒瀹氫簬鏈嶅姟鍣ㄧ殑閫夐」鐜板湪閮藉祵濂楀湪鏈嶅姟鍣ㄥ唴閮ㄣ€備富鏈哄悕鏇挎崲涓簊erver.host銆俬ttpsOptions宸茶鍒犻櫎锛宻erver.https鍙互鐩存帴鎺ュ彈閫夐」瀵硅薄銆俢hokidarWatchOptions宸叉浛鎹负server.watch銆俛ssetsInclude鐜板湪鎺ュ彈瀛楃涓茬被鍨嬬殑鍙傛暟|姝ｅ垯琛ㄨ揪寮弢(string|RegExp)[]鑰屼笉鏄嚱鏁般€傚垹闄ゆ墍鏈塚ue鐗瑰畾閫夐」锛涘皢閫夐」浼犻€掔粰Vue鎻掍欢銆俈ue鏀寔Vite2.0鏍稿績锛岀幇鍦ㄤ笌妗嗘灦鏃犲叧銆傜幇鍦ㄩ€氳繃@vitejs/plugin-vue鎻掍欢鏀寔Vue銆傚彧闇€瀹夎骞跺皢鍏舵坊鍔犲埌鎮ㄧ殑Vite閰嶇疆涓細importvuefrom'@vitejs/plugin-vue'exportdefault{plugins:[vue()]}CustomBlocksConversionCustomplugins鍙敤浜庤浆鎹ue鐨勮嚜瀹氫箟鎻掍欢瀹氫箟block濡備笅://vite.config.jssimportvuefrom'@vitejs/plugin-vue'constvueI18nPlugin={name:'vue-i18n',transform(code,id){if(!/vue&type=i18n/.test(id)){return}if(/\.ya?ml$/.test(id)){code=JSON.stringify(require('js-yaml').safeLoad(code.trim()))}return`exportdefaultComp=>{Comp.i18n=${code}}`}}exportdefault{plugins:[vue(),vueI18nPlugin]}React鏀寔鐜板湪鍙互閫氳繃@vitejs/plugin-react-refresh杩欎釜鎻掍欢鏉ユ敮鎸丷eactFastRefresh.HMRAPI鏇存敼import.meta.hot.acceptDeps()宸茶寮冪敤銆俰mport.meta.hot.accept()鐜板湪鎺ュ彈涓€涓垨澶氫釜閮ㄩ棬銆侻anifast鏍煎紡鏇存敼BuildingManifast鐜板湪闇€瑕佷互涓嬫牸寮忥細{"index.js":{"file":"assets/index.acaf2b48.js","imports":[...]},"index.css":{"file":"assets/index.7b7dbd85.css"}"asset.png":{"file":"assets/asset.0ab0f9cd.png"}}瀵逛簬JS鍏ュ彛鍧楋紝瀹冭繕浼氬垪鍑哄叾瀵煎叆鐨勫潡锛岃繖浜涘潡鍙敤浜庢覆鏌撶殑棰勫姞杞芥寚浠ゃ€傚浜庢彃浠朵綔鑰咃紝Vite2浣跨敤浜嗕竴涓畬鍏ㄩ噸鏂拌璁＄殑鎻掍欢鎺ュ彛锛屾墿灞曚簡Rollup鎻掍欢銆傝闃呰鏂扮殑銆婃彃浠跺紑鍙戞寚鍗椼€嬨€傚皢v1鎻掍欢杩佺Щ鍒皏2鐨勪竴浜涜鏄庯細瑙ｆ瀽鍣?>浣跨敤resolveIdhooktransforms->浣跨敤transformhookindexHtmlTransforms->浣跨敤transformIndexHtmlhookServing铏氭嫙鏂囦欢->浣跨敤resolveId+loadhook娣诲姞鍒悕锛屽畾涔夋垨鍏朵粬閰嶇疆閫夐」->浣跨敤confighook鐢变簬澶у鏁伴€昏緫搴旇閫氳繃鎻掍欢鎸傞挬鑰屼笉鏄腑闂翠欢鏉ュ畬鎴愶紝浠庤€屽ぇ澶у噺灏戝涓棿浠剁殑闇€姹傘€傚唴閮ㄦ湇鍔″櫒搴旂敤绋嬪簭鐜板湪鏄竴涓緢濂界殑鏃ц繛鎺ュ疄渚嬶紝鑰屼笉鏄疜oa銆傜粨璇彲浠ョ湅鍒皏ite2.0鏀瑰彉浜嗗緢澶欰PI锛屾渶澶х殑鏀瑰彉灏辨槸涓嶅啀榛樿缁戝畾Vue锛屼篃灏辨槸鍜屾鏋舵棤鍏炽€傚嚑涓湀鍓嶏紝鎴戜笅杞戒簡vite骞惰瘯鐢ㄤ簡涓€涓嬨€傞粯璁ゆ槸涓€涓獀ue3椤圭洰銆傛劅瑙夊挨闆ㄧ啓鐨勯噹蹇冭秺鏉ヨ秺澶т簡锛氫互鍓嶅彲鑳藉彧鎯冲共鎺塿ue鐢熸€佺殑webpack锛岀幇鍦ㄥ彲鑳界洿鎺ュ共鎺夈€倃ebpack锛屽弽姝ｆ垜鐜板湪閮藉揩蹇樿webpack浜嗭紝閲嶆柊瀛︿範鏂扮殑webpack5杩樹笉濡傚涔犵姽澶х殑vite銆?/p>
