回覆列表
  • 1 # 程式設計字典

    示例:定義和使用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

    注 - 模組也可以重新匯出,即匯入模組的程式碼也可以匯出它。

  • 中秋節和大豐收的關聯?
  • 知道哪種花的花語是等待愛情?