Node.js與ES632_babel6

花溪月影發表於2024-06-24

一、export和import

 ES6在語言標準的層面上,實現了模組功能。ES6 模組不是物件,而是透過export命令顯式指定輸出的程式碼,再透過import命令輸入。遺憾的是export和import命令不能在瀏覽器直接使用,不過可以透過babeI轉換為es5再執行。import匯入模組、export匯出模組。
二、 安裝babel

 babel是JavaScript語法的編譯器。

 1、babeI轉換配置專案根目錄新增

  .babelrc 檔案(手動新增即可)

{
  "presets": ["es2015"]
}

 2、安裝es6轉換模組

npm install babel-preset-es2015 --save-dev

  

 3、全域性安裝命令列工具

#管理員身份執行
npm install babel-cli -g

  

 4、使用

babel-node js檔名

三、export和import聯合應用

 1、命名匯出

  此方式每一個需要輸出的資料型別都要有一個name, 統一輸入一定要帶有{},即便只有一個需要輸出的資料型別。

  export匯出模組: 編寫export1.js

   

     

  結果:

   

  注意:當匯出變數出現衝突時,可以對匯出變數加別名

   

 2、預設匯出

  預設輸出不需要name,但是一個js檔案中只能有一個export default。

  export匯出模組:編寫export2.js

   

   

  方式一結果:

   

  方式二結果:

   

相關文章