鎴戜滑澶у鏁颁汉浼氫娇鐢–reateReactApp鏉ュ垱寤篟eactApp銆傚畠鏀寔寮€绠卞嵆鐢ㄧ殑鎵€鏈夐厤缃€傜劧鑰岋紝褰撲綘鐨勯」鐩唬鐮佸闀挎椂锛屼綘鍙兘浼氶潰涓存洿楂樼殑鏋勫缓鏃堕棿锛屽紑鍙戞湇鍔″櫒鍚姩缂撴參骞剁瓑寰?鍒?绉掍互鍙嶆槧浣犲湪浠ｇ爜涓墍鍋氱殑鏇存敼锛岃€屽綋搴旂敤绋嬪簭瑙勬ā澧為暱鏃讹紝杩欎細寰堝揩鍔犺捣鏉ャ€傝繖浼氬鍔犲紑鍙戞椂闂达紝鍥犱负鎴戜滑闇€瑕佷负姣忔鏇存敼绛夊緟2鍒?绉掋€傜敓浜ф瀯寤烘椂闂达紝閮ㄧ讲蹇€熶慨澶嶅彲鑳介渶瑕佸ぇ绾?0鍒?0鍒嗛挓銆備絾鏄紝鏃堕棿灏辨槸閲戦挶馃檪涓轰粈涔圕RA杩欎箞鎱紵CRA浣跨敤Webpack鏉ユ墦鍖呬唬鐮併€俉ebpack鎹嗙粦浜嗘暣涓唬鐮侊紝鍥犳濡傛灉鎮ㄧ殑浠ｇ爜搴撻潪甯稿ぇ锛岃秴杩?0k琛岋紝鎮ㄥ彲鑳戒細鐪嬪埌寮€鍙戞湇鍔″櫒鍚姩缂撴參骞朵笖闇€瑕佸緢闀挎椂闂存墠鑳界湅鍒版洿鏀广€傚涓嬪浘锛氬浣曞彉寰楁洿蹇紵鎴戜滑鍙互杩佺Щ鍒癡ite鑰屼笉鏄娇鐢–RA鏉ュ垱寤篟eactApp銆俈ite鏄笅涓€浠ｅ墠绔伐鍏凤紝鍙互鏇村揩鍦版瀯寤哄簲鐢ㄧ▼搴忋€俈ite鏈変粈涔堜寒鐐归噰鐢‥SM妯″潡鍖栨柟妗堬紝鏂囦欢鎸夐渶鍔犺浇锛屾棤闇€鎻愬墠鎹嗙粦锛佹棤璁哄簲鐢ㄧ▼搴忓ぇ灏忓浣曪紝鐑ā鍧楁洿鏂?HMR)閮戒細淇濇寔蹇€熴€傚TypeScript銆丣SX銆丆SS绛夌殑寮€绠卞嵆鐢ㄦ敮鎸併€傛敮鎸佸椤甸潰鏋勫缓銆傚叿鏈夊畬鏁碩ypeScript绫诲瀷鐨凙PI銆傛敮鎸丷eact銆乂ue銆丳react銆丼velte銆俈ite姣擟RA蹇灏戯紵Vite鍩轰簬esbuild锛屽畠鏄敤Go缂栧啓鐨勶紝棰勬崋缁戜緷璧栭」鐨勯€熷害姣斿熀浜嶫avaScript鐨勬崋缁戝櫒蹇?0-100鍊嶃€俈ite閫氳繃灏嗗簲鐢ㄧ▼搴忕殑妯″潡鍒嗕负涓ょ被鏉ョ缉鐭紑鍙戞湇鍔″櫒鐨勫惎鍔ㄦ椂闂达細渚濊禆椤瑰拰婧愪唬鐮併€備緷璧栭」澶у鏄函JavaScript锛屽湪寮€鍙戣繃绋嬩腑涓嶄細缁忓父鏇存敼銆備絾鏄紝涓€浜涘ぇ鍨嬩緷璧栭」锛堜緥濡侫ntD锛夌殑澶勭悊鎴愭湰涔熷緢楂樸€傛簮浠ｇ爜閫氬父鍖呭惈闇€瑕佽浆鎹㈢殑闈炵函JavaScript锛堜緥濡侸SX銆丆SS鎴栧叾浠栫粍浠讹級锛屽苟涓旂粡甯歌缂栬緫銆傛澶栵紝骞堕潪鎵€鏈夋簮浠ｇ爜閮介渶瑕佸悓鏃跺姞杞斤紙渚嬪锛屼娇鐢ㄥ熀浜庤矾鐢辩殑浠ｇ爜鎷嗗垎锛夈€傚涓婂浘鎵€绀猴紝Vite鍙渶瑕佸湪娴忚鍣ㄨ姹傛椂鎸夐渶杞崲婧愪唬鐮併€備唬鐮侀殣钘忔潯浠剁殑鍔ㄦ€佸鍏ュ彧鏈夊湪褰撳墠灞忓箷涓婂疄闄呬娇鐢ㄦ椂鎵嶄細澶勭悊銆傛垜宸茬粡灏嗙幇鏈夌殑鍩轰簬CRA鐨勫簲鐢ㄧ▼搴忚縼绉诲埌Vite銆傝鎴戜滑姣旇緝涓€涓嬪樊寮傘€侰RA寮€鍙戞湇鍔″櫒鍚姩鏃堕棿VSVite寮€鍙戞湇鍔″櫒鍚姩鏃堕棿CRA鐢ㄤ簡12绉掓潵鍚姩寮€鍙戞湇鍔″櫒銆傜ず渚嬪簲鐢ㄧ▼搴忎粎鍖呭惈2涓矾鐢卞拰6涓粍浠躲€傛垜浠潵鐪嬩竴涓嬩笌Vite鐩稿悓鐨勬儏鍐碉細Vite鍚姩寮€鍙戞湇鍔″櫒鍙敤浜?98ms锛岀浉瀵逛簬CRA鏉ヨ宸茬粡闈炲父蹇簡銆傛偍鍙互鐪嬪埌杩欎袱绉嶅伐鍏蜂箣闂寸殑宸ㄥぇ宸紓銆傛帴涓嬫潵锛屾垜浠篃鏉ユ瘮杈冧竴涓嬩袱鑰呯殑鐢熶骇鏋勫缓鏃堕棿銆侰RA鏋勫缓鏃堕棿VSVite鏋勫缓鏃堕棿CRA鏋勫缓搴旂敤绋嬪簭鑺辫垂浜?6.66绉掋€傝鎴戜滑鐪嬬湅Vite鐨勮〃鐜般€俈ite浣跨敤涓嶳ollup鐩稿悓鐨勬崋缁戞柟娉曡繘琛岀敓浜ф瀯寤猴紝鍥犱负鍦ㄧ敓浜т腑浣跨敤鏈崋缁戠殑鍘熺敓ESM浼氬鑷撮澶栫殑HTTP璇锋眰銆俈ite鍦?.11绉掑唴鏋勫缓浜嗘暣涓簲鐢ㄧ▼搴忥紝杩欎技涔庢瘮CRA鏇村ソ銆傚洜涓哄畠鍦ㄤ娇鐢╒ite鏃跺噺灏戜簡40%鍒?0%鐨勬瀯寤烘椂闂淬€備緥濡傦紝濡傛灉鎮ㄥ綋鍓嶇殑鏋勫缓鏃堕棿鏄?0鍒嗛挓锛岄偅涔堜娇鐢╒ite灏嗗噺灏戝埌10鍒?2鍒嗛挓銆傚皢CRA杩佺Щ鍒癡ite浠巔ackage.json涓Щ闄eact-scripts渚濊禆骞舵坊鍔犱互涓嬩緷璧栦綔涓篸evDependencies锛?devDependencies":{"@vitejs/plugin-react":"1.1.1","vite":"2.7.0"}锛岀劧鍚庡湪scripts瀛楁涓坊鍔犲涓嬪懡浠わ細"scripts":{"start":"vite","build":"vitebuild"}锛岀劧鍚庡湪椤圭洰鏍圭洰褰曚笅鍒涘缓vite.config.js鏂囦欢銆傚皢public鏂囦欢澶逛腑鐨刬ndex.html鏂囦欢绉诲姩鍒版牴鐩綍銆傚垹闄ゆ墍鏈塒UBLIC_URL%//-
