鍘熸枃锛歋uperSimpleStarttoESModulesintheBrowserbyKentC.Dodds銆傛垜鏄湪js娌℃湁妯″潡鐨勬椂鍊欏紑濮嬪啓js鐨勩€傚綋EcmaScript瑙勮寖瀹ｅ竷瀹冨皢鏀寔妯″潡鏃讹紝鎴戦潪甯稿叴濂嬨€備絾鏄垜鐭ラ亾璺濈鏍囧噯鍒拌惤鍦拌繕鏈夊緢闀垮緢闀跨殑璺璧帮紝鎵€浠ユ垜鍙堟湁鐐瑰け鏈涗簡銆傜幇鍦ㄥ悇澶ф祻瑙堝櫒閮芥敮鎸丒SModules鏈変竴娈垫椂闂翠簡锛屾垜缁欏ぇ瀹剁湅涓€涓秴绾х畝鍗曠殑ESModules渚嬪瓙棣栧厛锛屽垱寤虹涓€涓猨s鏂囦欢//append-div.jsfunctionappendDiv(message){constdiv=document.createElement('div')div.textContent=messagedocument.body.appendChild(div)}export{appendDiv}鎺ヤ笅鏉ュ垱寤轰竴涓狧TML鏂囦欢瀵煎叆js娉ㄦ剰type="module"灞炴€с€傛垜浠兂璁╂祻瑙堝櫒鎶婁竴娈礿s浠ｇ爜褰撳仛涓€涓ā鍧楋紝鑰屼笉鏄竴涓猻cript鑴氭湰锛屽彧鏈夎繖涓瓧娈垫槸蹇呭～椤广€傛棤璁烘槸妯″潡杩樻槸鑴氭湰鑴氭湰锛屽湪杩愯鏃堕兘浼氭湁鍖哄埆銆傝繖涓垜鍚庨潰鍐嶈ˉ鍏咃紝鍙鎴戜滑鐜板湪鐭ラ亾浜嗭紝鎴戜滑灏卞彲浠ヤ娇鐢ㄦā鍨嬩簡锛佸湪涓婇潰鐨勫唴鑱旇剼鏈唬鐮佷腑锛屾垜浠粠append-div.js涓鍏ヤ簡appendDiv鏂规硶銆傞仐鎲剧殑鏄紝涓轰簡寮曞叆妯″潡锛屾垜浠笉鑳界洿鎺ュ湪娴忚鍣ㄤ腑鎵撳紑html鏈湴璁块棶锛屽繀椤诲惎鍔ㄤ竴涓湰鍦版湇鍔℃墠鑳借繍琛屻€傚鏋滀綘瀹夎浜唍odejs锛岀洿鎺ュ湪缁堢涓壘鍒版枃浠舵墍鍦ㄧ洰褰曪紝杩愯濡備笅鍛戒护鍚姩涓€涓湇鍔pxserve缁堢浼氭墦鍗板嚭杩愯淇℃伅锛岀劧鍚庡湪娴忚鍣ㄤ腑鎵撳紑鍦板潃鍗冲彲銆傜劧鍚庡睆骞曚笂浼氭樉绀衡€淗ellofrominlinescript鈥濓紝澶у姛鍛婃垚锛屾垜浠疄闄呬笂鍔犺浇浜嗕竴涓狤cmaScriptModule馃帀閫氬父鎴戜滑涓嶄細鍦╤tml涓啓inlinejs锛屾墍浠ヨ鎴戜滑鍔犺浇涓€涓猰oduel鍚庯紝灞忓箷涓婁粛鐒舵樉绀?Hellofromexternalscript"銆傛湁涓€鐐归渶瑕佸己璋冪殑鏄紝import璇彞鍚庨潰鐨?js涓€瀹氳鍔犱笂銆傛湁浜涗汉鍙兘琚玭odejs鍜宐abel瀹犲潖浜嗭紝涓嶄範鎯啓postfixes銆傚湪妯″瀷瑙勮寖涓紝鍚庣紑鏄己鍒舵€х殑銆傝鎴戝悜浣犲睍绀哄姩鎬佸姞杞斤紝娣诲姞涓€涓猨s鏂囦欢鎺ヤ笅鏉ユ垜浠彲浠ヤ娇鐢ㄥ姩鎬佸鍏ヨ娉?/script-src.jsimport{appendDiv}from'./append-div.js'appendDiv('Hellofromexternalscript')import('./async-script.js').then(moduleExports=>{moduleExports.go()},error=>{console.error('Therewasanerrorloadingthescript')throwerror},)鍔ㄦ€佸鍏ヤ篃闇€瑕佽ˉ鍏ㄥ湴鍧€锛堥渶鍔犲悗缂€锛夛紝浠eclare锛岄噸鐐逛笉鏄鏈夊悗缂€锛岃€屾槸鎸囧畾娴忚鍣ㄥ浣曡姹傝繖涓湴鍧€銆傞渶瑕佽繑鍥炰竴涓彲浠ヤ綔涓簀avaScript鎵ц鐨勬枃鏈枃浠躲€傝繖鎰忓懗鐫€濡傛灉浣犵宸ф湁涓€涓繑鍥瀓avaScript鏂囦欢鐨剈rl锛屼絾鏄病鏈?js鍚庣紑锛岃繖涓悗缂€鍙互蹇界暐銆傛瘮濡傝繖涓緥瀛愶紝浣犲彲浠ュ湪娴忚鍣ㄤ腑鎵撳紑鐪嬬湅浼氳繑鍥炰粈涔坕mport*asd3from'https://unpkg.com/d3?module'閲嶇偣鏄綘import鐨勫湴鍧€锛堝啓鍦ㄥ紩鍙凤級锛屽畠蹇呴』鏄煇涓湇鍔＄殑javaScript璧勬簮銆?/p>
