鍏煎鎬цВ鍐虫柟妗堣儗鏅棶棰樿櫧鐒跺緢澶欽S璇硶宸茬粡鍒颁簡姝ｅ紡鍙戝竷鐨勯樁娈碉紝浣嗘槸鐢变簬娴忚鍣ㄧ殑鏀寔绋嬪害涓嶅悓锛屾垜浠笉鑳芥斁蹇冧娇鐢ㄣ€傛垜浠篃鎯冲皾璇曚娇鐢ㄤ竴浜涘凡缁忓埌stage3鐨勬枃娉曪紝濡備綍姝ｅ父杩愯鍛紵鍦ㄧ悊鎯崇殑鍦烘櫙涓嬶紝鎴戜滑鍙互鏀惧績鐨勫啓js浠ｇ爜锛屼笉鐢ㄨ€冭檻鍏朵粬闂銆傚浣曞湪缂栬瘧鏃堕€氳繃鏂规硶灏嗘祻瑙堝櫒涓嶆敮鎸佺殑璇硶杞崲鎴愭祻瑙堝櫒鏀寔鐨勮娉曪紝璁╀唬鐮佹甯歌繍琛屻€傞€氳繃璇硶杞崲瀹炵幇浠ｇ爜鍏煎鎬у墠绔」鐩€氬父浣跨敤babel鏉ヨ浆鎹s浠ｇ爜銆傚啓杩欑瘒鏂囩珷鏃讹紝鏈€鏂扮増鏈槸babelv7锛屼笅闈㈢殑瑙ｅ喅鏂规鍙細鍦ㄨ繖涓増鏈腑浠嬬粛銆傚湪瀹炵幇鐩爣涔嬪墠锛屾垜浠渶瑕佹€濊€冨嚑涓棶棰橈細闇€瑕佸吋瀹瑰摢浜涙枃娉曪細鏍规嵁TC39锛屼綘宸茬粡浣跨敤浜唖tage-x(x:1-4)鏂囨硶銆備笉鍚岀殑娴忚鍣ㄥ璇硶鐨勬敮鎸佺▼搴︿笉鍚屻€備綘闇€瑕佸鐞嗗摢浜涳紵娴忚鍣ㄥ吋瀹圭殑浠ｇ爜鍏煎鎬ф槸鎸夐渶寮曞叆杩樻槸瀹屽叏寮曞叆锛堝悇鏈変紭缂虹偣锛屾帴涓嬫潵浼氫粙缁嶏級鎬濊€凁煠?鍒嗛挓...瑙ｅ喅鏂规瀹炵幇polyfill瑙ｅ喅鏂规@babel/preset-env+corejs@3Features閫氳繃useBuiltIns閰嶇疆锛屽彲浠ヤ娇鐢ㄦ寜闇€鍔犺浇鍜屽叏閲忓姞杞藉疄鐜板吋瀹广€備細姹℃煋鍏ㄥ眬锛氬湪鍏ㄥ眬鍜屽疄渚嬩腑娣诲姞api锛屾敮鎸乼arget娴忚鍣ㄨ缃細閫氳繃targets鎴朾rowserslist锛屽彲浠ュ疄鐜扮壒瀹氭祻瑙堝櫒涓嬬殑鍏煎锛屽噺灏戜唬鐮佸ぇ灏忓紩鍏ore-js锛欽avascript鏍囧噯璇硶瀹炵幇搴揁babel/preset-env:璇硶杞崲鎻掍欢闆嗗悎锛屾敮鎸佺殑鎻掍欢鍙互鍦ㄨ繖閲屾壘鍒般€傚彲浠ラ€氳繃杩欎簺鎻掍欢瀹炵幇璇硶鍏煎鎬с€傚彲浠ヤ娇鐢╞rowserslist瀹炵幇鐗瑰畾娴忚鍣ㄧ殑API鍏煎锛氱畝鍗曟潵璇达紝browserslist浼氬皢caniuse涓婄殑鏁版嵁涓庣洰鏍囨祻瑙堝櫒杩涜瀵规瘮锛屾壘鍑洪渶瑕佸吋瀹瑰摢浜汚PI銆傚叿浣撳彲浠ユ繁鍏ヤ簡瑙rowserslist娉ㄩ噴@babel/preset-env鍏煎stage4锛屼篃灏辨槸姝ｅ紡鐗堛€傚鏋滆浣跨敤stage3鐨勮娉曪紝闇€瑕佸湪bablercplugins涓紩鍏ョ浉搴旂殑鎻掍欢銆傛偍闇€瑕侀厤缃洰鏍囨垨娴忚鍣ㄥ垪琛ㄤ互瀹炵幇涓庣壒瀹氭祻瑙堝櫒璇硶鐨勫吋瀹广€傛柟娉曚竴锛氬叏閮ㄥ鍏ャ€傝繖涓椂鍊檅abel浼氭牴鎹綋鍓峵argets鐨勬弿杩版妸闇€瑕佺殑polyfill鍏ㄩ儴瀵煎叆鍒颁綘鐨勫叆鍙ｆ枃浠朵腑锛堟敞鎰忔槸鍏ㄩ儴锛屼笉绠′綘鏄惁浣跨敤楂樼骇API锛夈€傜涓€姝ワ細.babelrc鏂囦欢鍐呭锛歿"presets":[["@babel/preset-env",{"useBuiltIns":"entry","targets":">1%,notdead",//鏍规嵁鑷繁璁剧疆"corejs":{"version":3,//浣跨敤corejs@3"proposals":true}}]],"plugins":[["@babel/plugin-transform-runtime",//濡傛灉浣跨敤polyfill鏂规锛岃繖閲岀殑閰嶇疆鏄彲閫夌殑{"corejs":false//closeruntime}]]}绗簩姝ワ細鍏ュ彛鏂囦欢index.js:import'core-js/stable';import'regenerator-runtime/runtime';//鍏ュ彛鏂囦欢浠ｇ爜core-js/stable灏嗗鍏ユ墍鏈塸olyfill銆傚ソ澶勬槸涓嶇敤鎷呭績浠ュ墠鐨勫簱涓嶆敮鎸佺殑璇硶銆傜己鐐规槸浠ｇ爜閲忚緝澶с€傚鏋滄兂缂╁皬浣撶Н锛屼篃鍙互鎸夐渶瀵煎叆锛屾瘮濡俰mport'core-js/stable/array/find'锛況egenerator-runtime/runtime锛歡enerator鐨剅untime鏂规硶鍜宎syncfunction2锛氭寜闇€瀵煎叆鎴戜滑涓嶉渶瑕佸湪椤圭洰鐨勫叆鍙ｆ枃浠跺鍏ュ搴旂殑polyfills鐩稿叧搴撱€侭abel浼氭牴鎹敤鎴蜂唬鐮佸拰鐩爣鐨勪娇鐢ㄦ儏鍐垫敞鍏ョ浉鍏崇殑polyfill銆?babelrc鏂囦欢鍐呭锛歿"presets":[["@babel/preset-env",{"useBuiltIns":"usage","targets":">1%,notdead",//鏍规嵁鑷繁璁剧疆鎯呭喌"corejs":{"version":3,//浣跨敤corejs@3"proposals":true}}]],"plugins":[["@babel/plugin-transform-runtime",//濡傛灉浣犱娇鐢╬olyfill鏂规锛岃繖閲岀殑閰嶇疆鏄彲閫夌殑{"corejs":false//closeruntime}]]}runtimeschemeschemescheme@babel/preset-env+@babel/runtime-corejs3+@babel/plugin-transform-runtimefeatureswillnotpollutiontheglobal锛欯babel/plugin-transform-runtime鎻掍欢閫氳繃妯℃嫙api瀹炵幇鍏煎锛屼笉浼氭薄鏌撳叏灞€锛屾洿閫傚悎Library浣滆€呬娇鐢紝鍙敮鎸佹寜闇€瀵煎叆.浣跨敤杩囩殑api浼氳鏇挎崲鎺夛紝涓嶆敮鎸佸紩鍏argets鍜宐rowserslist銆侤babel杩樻槸闇€瑕?preset-env鏉ヨ浆鎹㈣娉旲babel/runtime-corejs3锛氱敤浜庢ā鎷熷疄鐜癆PI鍑芥暟鐨勪富搴揁babel/plugin-transform-runtime锛氬疄鐜版寜闇€寮曠敤@babel涓殑妯″潡/runtime-corejs3娉ㄦ剰鍒囨崲鍒癱orejs@3涔嬪悗锛宺untime鏂规涔熷彲浠ユā鎷熷疄渚嬫柟娉曪紝姣斿array.includes宸茬粡鍙互瀹炵幇锛屼笉闇€瑕佸紩鍏ラ澶栫殑polyfill鍏蜂綋瀹炵幇銆俠abelrc鏂囦欢鍐呭锛歿"presets":[["@babel/preset-env",{"useBuiltIns":false,//false杩欐牱灏变笉浼氬紩鍏olyfills"targets":">1%锛屾病姝?,//鏍规嵁鎯呭喌鑷璁剧疆}]],"plugins":["@babel/plugin-transform-runtime",//runtimescheme涓嬶紝蹇呴』璁剧疆{"corejs":{"version":3,//浣跨敤runtime-corejs@3"proposals":true}}]]}鎬荤粨鐩墠babel澶勭悊鍏煎鎬ч棶棰樻湁涓ょ鏂规锛欯babel/preset-env+corejs@3瀹炵幇璇硶杞崲锛屽叏灞€瀹炰緥娣诲姞api锛屾敮鎸佸叏閲忓姞杞藉拰鎸夐渶鍔犺浇锛屾垜浠畝绉皃olyfill鏂规锛汙babel/preset-env+@babel/runtime-corejs3+@babel/plugin-transform-runtime瀹炵幇璇硶杞崲锛屾ā鎷熸浛鎹pi锛屽彧鏀寔鎸夐渶鍔犺浇锛岀畝绉皉untime鏂规銆備袱绉嶆柟妗堥兘渚濊禆鏍稿績鍖卌orejs@3锛屼絾鏄緷璧栫殑妯″潡涓嶅悓锛屽鑷村疄鐜版柟寮忎笉鍚屻€備袱绉嶆柟妗堝悇鏈変紭缂虹偣锛歱olyfill鏂规鐨勬槑鏄剧己鐐规槸浼氶€犳垚鍏ㄥ眬姹℃煋锛屾敞鍏ュ啑浣欏伐鍏蜂唬鐮侊紱浼樼偣鏄彲浠ユ牴鎹祻瑙堝櫒瀵规柊鐗规€х殑鏀寔鎯呭喌锛岄€夋嫨鎬у湴杩涜鍏煎鎬у鐞嗭紱runtime鏂规铏界劧瑙ｅ喅浜唒olyfill鏂规鐨勪笉瓒筹紝浣嗘槸涓嶈兘鏍规嵁娴忚鍣ㄥ鏂扮壒鎬х殑鏀寔鎯呭喌锛屾湁閫夋嫨鍦拌繘琛屽吋瀹规€у鐞嗭紝涔熷氨鏄锛屽彧瑕佸湪浠ｇ爜涓瘑鍒獳PI鍗冲彲锛孉PI涔熸湁鏍稿績-js-pure鍖咃紝浼氳嚜鍔ㄦ浛鎹㈡帀锛屼細閫犳垚涓€浜涗笉蹇呰鐨勮浆鎹紝浠庤€屽鍔犱唬鐮侀噺銆傚洜姝わ紝polyfill鏂规鏇撮€傚悎鍗曠嫭杩愯鐨勪笟鍔￠」鐩€傚鏋滆寮€鍙戜竴浜涚涓夋柟宸ュ叿搴撲緵浠栦汉浣跨敤锛屽缓璁娇鐢╮untime鏂规澶勭悊鍏煎鎬ф柟妗堬紝浠ュ厤褰卞搷鐢ㄦ埛鐨勮繍琛岀幆澧冦€傜瓑绛夛紝鎯虫兂鏇村ソ鐨勮В鍐虫柟妗堬細runtime鏂规涔熸敮鎸乤pitargets涓嶆槸寰堝畬缇庡悧锛?..鐪熺殑鏈変竴涓湪瀹為獙闃舵锛歜abel-polyfillsQAbabelrcfiletagets,ignoreBrowserConfigandbrowserslistpriorityanddefaultconfigurationconfiguration:targets>browserslistsetignoreBrowserConfig:true榛樿涓嶅啀璇诲彇browserslist銆俻reset-env@babel/polyfill鐨勫叧绯绘槸babel@6鍜宑ore-js@2鏃朵唬鐨勪骇鐗╋紝绫讳技浜嶡babel/preset-env鐨?useBuiltIns":"entry"锛屼絾鏄笉鏀寔browserslist锛屽凡缁忚宸插純鐢ㄣ€侤babel/preset-env鏀寔browserslist锛岃繕鏈夊緢澶氭柊鐗规€с€傚畠涓庡熀鏈殑babel-plugin-transform-runtime鍏煎銆傚畠涓昏鏈変袱涓綔鐢細澶嶇敤Babel娉ㄥ叆鐨刪elper浠ｇ爜锛岄€氳繃妯℃嫙api鍑忓皯浠ｇ爜鍐椾綑銆怰untime鏂规銆戜袱绉嶆柟妗堢殑鍏蜂綋閰嶇疆濡備笂锛屼篃鍙互鍦ㄨ繖閲屾煡鐪嬶細https://developer.aliyun.com/...runtime鏂规鍙互浣跨敤browserslist閰嶇疆鍚楋紵runtime瑙ｅ喅鏂规鐨勫畬鏁存柟娉曟槸锛欯babel/preset-env+@babel/runtime-corejs3+@babel/plugin-transform-runtime銆侤babel/plugin-transform-runtime澶勭悊api閮ㄥ垎锛岃娉曡浆鎹㈣繕鏄渶瑕丂babel/preset-env锛屾墍浠ュ湪runtime鏂规涓嬶紝target浠嶇劧鍙互杩涜璇硶杞崲锛屼絾鏄API閮ㄥ垎鏃犳晥锛屽弬鑰?9绡?寮€鍙戣€呬笉鎳傜殑babel鐭ヨ瘑浣犻渶瑕佺煡閬撶殑babel鍏煎瀹炵幇鏂规Browserslist涓轰綘鍠滄鐨勬祻瑙堝櫒鍐欎唬鐮?/p>
