鎽樿the-last-naruto鏄竴涓熀浜嶸ue@2.7鍜孷ite@3锛堟敮鎸両E11娴忚鍣級鐨勯」鐩ā鏉匡紝鐏垫劅鏉ヨ嚜antfuboss鐨剉itesse-lite銆傛棬鍦ㄤ负椤圭洰涓竴浜涢渶瑕佹敮鎸両E11娴忚鍣ㄧ殑鍚屽鎻愪緵绫讳技Vue3鐢熸€佺殑寮€鍙戜綋楠屻€傚墠瑷€浼楁墍鍛ㄧ煡锛岀敱浜嶸ue3涓殑鍝嶅簲寮忕郴缁熸槸鍩轰簬proxy鏋勫缓鐨勶紝闇€瑕佸吋瀹笽E鍜屼綆鐗堟湰娴忚鍣ㄧ殑椤圭洰鏃犳硶鍗囩骇鍒癡ue3銆傛湁浜涘悓瀛︽兂灏濊瘯浣跨敤鏂扮殑缁勫悎api鏉ョ粍缁囦唬鐮侊紝闇€瑕佸€熷姪@vue/composition-api鎻掍欢鐨勫己澶у姛鑳姐€傝櫧鐒朵互鍚庝細鏈夛紝浣嗘槸ts涓嶅弸濂界殑鎯呭喌鍜宻etup缂哄皯璇硶绯栫殑闂杩樻槸寰堢儲浜恒€備汉浠緢娌抚馃槩銆傜洿鍒伴偅涓汉鍦?022骞?鏈?鏃ュ彂甯冧簡浠ｅ彿鐏奖蹇嶈€呯殑Vue2.7銆傛伃鍠滐紝鎴戜滑缁堜簬鍙互浣跨敤Vue2涓粍鍚堢殑api鍜宻etup锛屼互鍙婂畬鏁寸殑ts鏀寔馃挭銆傚綋鏃朵粩缁嗙湅浜唕eleaseblog锛屽彂鐜伴櫎浜嗙敤VueCLI/webpack鏉ュ惎鍔ㄩ」鐩紝杩濾ite涔熸敮鎸侊紒婵€鍔煉曪紝棰ゆ姈馃檶锛屽湪vite-plugin-vue2鐨勫府鍔╀笅锛屾垜浠彲浠ヤ娇鐢╒ite鏉ユ敮鎸佹垜浠紑鍙憊ue2.7椤圭洰浜嗐€傞壌浜庢垜涔嬪墠鐢ㄨ繃antfu澶т浆vitesse-lite鍐欓」鐩紝瑙夊緱寰堝ソ鐢紝鎵€浠ョ幇鍦╒ue2.7鍑烘潵浜嗭紝vite涔熸敮鎸佷簡锛孷ue2鐨勫紑鍙戜綋楠屽彲浠ュ悧.7椤圭洰涓嶸ue3鐨勯」鐩繚鎸佷竴鑷达紵姣曠珶杩欎釜涓栫晫琚玾ebpack鎶樼（浜嗗緢涔咃紝鎵€浠?last-naruto璇炵敓浜嗐€傚姛鑳藉畬鍠勭殑TypeScript鍜?scriptsetup>璇硶绯朧ue2.7鐩存帴瀹岀編鏀寔锛乂ueUse寮€绠卞嵆鐢紒鏀寔浣跨敤Vite寮€鍙戞墦鍖呭彂甯僔ue2.7鐗堟湰锛孷ue瀹樻柟鎻愪緵浜嗗搴旂殑Vite鎻掍欢vite-plugin-vue2銆備负鏃犳硶鍗囩骇鍒癡ue@3鐗堟湰鐨勫紑鍙戣€呮彁渚涘ぇ鍔涙敮鎸侊紒鍏蜂綋閰嶇疆鍙傝€冦€傞厤缃墦鍖呬骇鍝佹敮鎸両E11Vite榛樿娴忚鍣ㄦ敮鎸佸熀绾挎槸鍘熺敓ESM锛屼篃灏辨槸es6-module锛屾墍浠ユ垜浠渶瑕佷娇鐢╒ite瀹樻柟鎻愪緵鐨勪竴涓彃浠禓vitejs/plugin-legacy鏉ユ彁渚涘鎵撳寘鏂囦欢鐨勪紶缁熸祻瑙堝櫒鍏煎鏀寔銆傚叿浣撻厤缃弬鑰冦€傛枃浠惰矾鐢变簡瑙uxtjs璺敱绯荤粺鐨勪汉搴旇閮戒簡瑙ｈ繖涓矾鐢辩郴缁熺殑鐗圭偣銆傛棤闇€鎵嬪姩閰嶇疆璺敱銆傝矾鐢辩郴缁熸牴鎹枃浠跺す灞傜骇鍜屾枃浠跺悕鑷姩鐢熸垚锛岃繕鏀寔鍔ㄦ€佽矾鐢憋紝闈炲父鏂逛究銆傚湪vitesse-lite涓紝鎴戠煡閬撲簡杩欐牱涓€涓彃浠秜ite-plugin-pages銆傝櫧鐒惰繖涓彃浠剁殑鏂囨。璇村畠鏄竴涓敮鎸乂ue3/React搴旂敤鐨勬枃浠惰矾鐢辩郴缁燂紝浣嗘槸缁忚繃鎴戠殑灏濊瘯锛屼笉鍑烘剰澶杤ue@2.7鍙绋嶅井鏀瑰姩涓€涓媣ue鐨勯厤缃篃鍙互浣跨敤鈥斺€旇矾鐢卞櫒@3.5.4銆傚叿浣撻厤缃鍙傝€冦€傜粍浠惰嚜鍔ㄥ鍏ヤ簡瑙ue3鍜孷ite鐢熸€佺殑搴旇閮界煡閬擄紝antfu鑰佸ぇ鐨勪竴涓緢鏈夊悕鐨勫ソ鐢ㄧ殑鎻掍欢unplugin-vue-components锛屽湪涔嬪墠鐨勫紑鍙戜腑锛屽鏋滄垜浠浣跨敤灏佽濂界殑缁勪欢锛屽氨蹇呴』瀵煎叆缁勪欢锛岃€屽湪components澹版槑锛屽綋鎴戜滑鐨勯」鐩秺鏉ヨ秺澶嶆潅鏃讹紝杩欑浠ｇ爜灏变細瓒婃潵瓒婂锛屽鑷翠唬鐮佸彲璇绘€т笅闄嶃€傛垜浠娇鐢╱nplugin-vue-components鏉ヤ紭鍖栬繖涓棶棰橈紝鐩存帴鍦ㄦā鏉挎枃浠朵腑浣跨敤缁勪欢銆傛槸鐨勶紝涓嶉渶瑕佽繘鍙ｏ紝涔熶笉闇€瑕佺敵鎶ャ€傚叿浣撻厤缃弬鑰冪粨鍚圓PI鑷姩瀵煎叆鍜屼笂杩扮粍浠跺鍏ョ殑鐥涚偣銆傚湪鎴戜滑浣跨敤缁勫悎API鍜孷ueUse涓彁渚涚殑鏂规硶鏉ョ粍缁囦唬鐮侀€昏緫涔嬪墠锛屾垜浠繕鏄墜鍔ㄥ紩鍏ヤ簡绫讳技鐨剅ef銆乺eactive銆乷nMounted銆傝繖涓棶棰樻垜浠彲浠ヤ娇鐢╱nplugin-auto-import鏉ヤ紭鍖栵紝鍒棶浜嗭紝杩樻槸antfu澶т浆鐨勫簱馃槀锛屽叿浣撻厤缃弬鑰冦€傜敤杩嘦noCSS涓殑tailwindcss銆亀indicss鎴杤itesse-lite妯℃澘鐨勪汉澶ф閮界煡閬揢noCSS鐨勮兘鍔涳紝璋佺敤杩囧氨鐭ラ亾锛侌煠斿€熷姪Vite鐨勮兘鍔涳紝鎴戜滑涔熷彲浠ュ湪Vue2.7椤圭洰涓娇鐢ㄥ己澶с€侀珮鎬ц兘銆侀珮搴︾伒娲荤殑UnoCSS銆傜粰澶у鑷繁鐪嬬湅锛岃繕鏄痑ntfu澶т浆鐨勫簱馃槣锛屽叿浣撻厤缃弬鑰冦€侾ureCSSicons(璇ヨ兘鍔涘湪IE11涓婇儴鍒嗘敮鎸?闈炲父鎶辨瓑澶у锛屽洜涓篴ntfu澶т浆鐨刬cons-in-pure-css鏂规浣跨敤浜咺E11涓嶆敮鎸佺殑CSS鑳藉姏锛欳SSMasksandCSSpropertiescannotbesupportedinIE11锛歮ask-image锛屾墍浠ヨ繖涓兘鍔涘湪IE11涓婃垚浜嗕竴涓仐鎲俱€備絾鏄煈€锛岃繕鏈夊彟涓€绉嶄笉澶紭闆呯殑瑙ｅ喅鏂规鏉ユ彁渚涙湁闄愮殑鍔熻兘銆傚洜涓鸿繖浜涘浘鏍囬兘鏄熀浜巌conify鍥炬爣妗嗘灦鐨勫浘鏍囬泦icon-sets锛屽簳灞傛槸浣跨敤svg娓叉煋鐨勶紝骞朵笖鎻愪緵浜嗚繖浜泂vg鐨刄RLicones.js.org锛屾垜浠彲浠ュ緱鍒版垜浠浣跨敤鐨刄RL鎴栧浘鏍囩殑鏁版嵁URL銆傚鏋滃綋鍓嶆祻瑙堝櫒鏄疘E锛屼娇鐢╞ackground-image鏂规鏉ヤ娇鐢ㄥ浘鏍囥€備篃鍙互閫氳繃鎸囧畾鍏冪礌鐨勫楂樻潵妯℃嫙銆傜粍浠剁殑涓€鑸€昏緫锛?div:class="isIE?`w-${size}h-${size}`:''"display-contextinline-blocktext-center>
