使用ES6 Module如何處理模塊按需加載？示例：定義和使用ES6模塊；codingdict.com/article/7551定義模塊：消息模塊.js導(dǎo)入模塊：消費(fèi)模塊.js使用以下命令通過NPM安

使用ES6 Module如何處理模塊按需加載？

示例：定義和使用ES6模塊；codingdict.com/article/7551

定義模塊：消息模塊.js

導(dǎo)入模塊：消費(fèi)模塊.js

使用以下命令通過NPM安裝ES6模塊轉(zhuǎn)換器-

假設(shè)給定JS項(xiàng)目的目錄結(jié)構(gòu)如下-

其中腳本是包含我的ES6代碼示例的目錄。我們將ES6代碼轉(zhuǎn)換為Es5，并將其保存在上面顯示的目錄中。

步驟1-導(dǎo)航到D/ES6/scripts目錄并將ES6代碼轉(zhuǎn)換為commonjs格式。您也可以選擇將其轉(zhuǎn)換為AMD格式，并使用瀏覽器運(yùn)行相同的程序。

在節(jié)點(diǎn)窗口中鍵入以下代碼以將代碼轉(zhuǎn)換為通用JS格式-

以上命令將傳輸腳本目錄中的所有JS文件，并將翻譯后的版本放入out子目錄。

步驟2-執(zhí)行腳本代碼。

以下是上述代碼的輸出。

注意-模塊也可以重新導(dǎo)出，即導(dǎo)入模塊的代碼也可以將其導(dǎo)出。

javascript中的export和import怎么用？

導(dǎo)出和導(dǎo)入用于JavaScript模塊化操作。您可以在文件A.js中編寫一些對(duì)象：exportvarfoo1；exportfunctionfoo2（）{}；exportclassfoo3extendprop{}，然后在其他地方引用這些模塊。Import{foo1，foo2，foo3}from“A.js”exportdefault是公開一個(gè)默認(rèn)變量、函數(shù)或類，可以不帶名稱直接導(dǎo)入。例如，//a.jsexportdefault “string”//不要使用分號(hào)，否則有時(shí)會(huì)報(bào)告錯(cuò)誤//b.jsimportfootfrom “a”控制臺(tái).log（福）