示例:定義和使用ES6模組;codingdict.com/article/7551
定義一個模組:Message_module.js
匯入模組:consume_module.js
使用以下命令透過npm安裝es6-module-transpiler -
假設給定JS專案的目錄結構如下所示 -
其中,指令碼是包含我的ES6程式碼示例的目錄。我們將ES6程式碼轉換成ES5並儲存到上面所示的目錄中。
步驟1 - 導航到D:/ES6/scripts目錄,並將ES6程式碼轉換為CommonJS格式。您也可以選擇將其轉換為AMD格式,然後使用瀏覽器執行相同的程式。
在節點視窗中鍵入以下程式碼將程式碼轉換為CommonJS格式 -
上述命令將傳輸指令碼目錄中的所有JS檔案,並將其轉譯版本放入out子目錄中。
第2步 - 執行指令碼程式碼。
以下將是上述程式碼的輸出。
注 - 模組也可以重新匯出,即匯入模組的程式碼也可以匯出它。
示例:定義和使用ES6模組;codingdict.com/article/7551
定義一個模組:Message_module.js
function display_message() { console.log("Hello World")}export default display_message匯入模組:consume_module.js
import display_message from "./MessageModule.js"display_message()使用以下命令透過npm安裝es6-module-transpiler -
npm install -g es6-module-transpiler假設給定JS專案的目錄結構如下所示 -
D:/ES6/ scripts/ app.js utility.js out/其中,指令碼是包含我的ES6程式碼示例的目錄。我們將ES6程式碼轉換成ES5並儲存到上面所示的目錄中。
步驟1 - 導航到D:/ES6/scripts目錄,並將ES6程式碼轉換為CommonJS格式。您也可以選擇將其轉換為AMD格式,然後使用瀏覽器執行相同的程式。
在節點視窗中鍵入以下程式碼將程式碼轉換為CommonJS格式 -
compile-modules convert -I scripts -o out Message_module.js consume_module.js -format commonjs上述命令將傳輸指令碼目錄中的所有JS檔案,並將其轉譯版本放入out子目錄中。
第2步 - 執行指令碼程式碼。
cd outnode consume_module.js以下將是上述程式碼的輸出。
Hello World注 - 模組也可以重新匯出,即匯入模組的程式碼也可以匯出它。