從版本 8.5.0 開始,Node.js 開始支援原生 ES 模組,可以透過命令列選項開啟該功能。新功能很大程度得歸功於 Bradley Farias。本文主要和大家介紹在 Node.js 中使用原生 ES 模組方法解析,還有部分內容的鏈接,下面我們就來一起看看吧,需要的朋友可以參考下,希望能幫助到大家。
1.示範
這個範例的程式碼目錄結構如下:
esm-demo/ lib.mjs main.mjs
lib. mjs:
export function add(x, y) { return x + y; }
main.mjs:
import {add} from './lib.mjs'; console.log('Result: '+add(2, 3));
執行示範:
$ node --experimental-modules main.mjs Result: 5
2.清單:需要注意的事情
ES 模組:
##·不能動態導入模組。但是 動態import() 的相關工作正在進行中,應該很快就能提供支援。
·沒有元變量,如 __dirname 和 __filename。但是,有一個的類似功能的提案:「import.meta」。看起來可能是這樣:
console.log(import.meta.url);
·現在所有模組標識符都是URL(這部分在Node.js 是新增的):
·檔- 帶有檔案副檔名的相對路徑: ../util/tools.mjs
·庫- 沒有檔案副檔名,也沒有路徑lodash
·如何更好地使npm 庫在瀏覽器中也可用(不使用bundler)仍有待觀察。一種可能性是引入 RequireJS 風格的配置數據,將路徑映射到實際路徑。目前,在瀏覽器中使用 bare path 的模組標識符是非法的。
與CJS 模組的互通性
import fs1 from 'fs'; console.log(Object.keys(fs1).length); // 86 import * as fs2 from 'fs'; console.log(Object.keys(fs2)); // ['default']
· 不能在 ES 模組中使用 require()。主要原因是:
· 路徑解析工作稍有不同:ESM 不支援 NODE_PATH 和 require.extensions。而且,它的標識符始終是 URL 也會導致一些細微差異。
· ES 模組始終以非同步方式加載,這確保了與 Web 的最大相容性。這種載入風格並不能透過 require() 混合使用同步載入 CJS 模組。
· 禁止同步模組載入也可以為 Top-level await 匯入 ES 模組保留後路(一個目前正在考慮的功能)。
3.早期版本的Node.js 上的ES 模組
目前的計畫是在 Node.js 10 LTS 中預設可使用 ES 模組。
關於Node.js 和瀏覽器中ES 模組的更多資訊:
「Making transpiled ES modules more spec-compliant」 [using ES modules natively vs. transpiling them via Babel]
「Module specifiers:
·
·
「Module specifiers: 」>
## ·
「Module specifiers: ES's new with ES」 modules?” [Why .mjs? How are module specifiers resolved? Etc.]
·
“Modules” [in-depth chapter on ES modules in “Exploring ES6”]
即將到來的ECMAScript 提案:
·
以上是如何在Node.js中使用原生ES模組的詳細內容。更多資訊請關注PHP中文網其他相關文章!