怎么在Node.js 中使用ES模塊？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

站在用戶的角度思考問題，與客戶深入溝通，找到定遠網(wǎng)站設(shè)計與定遠網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：做網(wǎng)站、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋定遠地區(qū)。

1.演示

這個示例的代碼目錄結(jié)構(gòu)如下：

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 模塊：

·不能動態(tài)導(dǎo)入模塊。但是 動態(tài)import() 的相關(guān)工作正在進行中，應(yīng)該很快就能提供支持。

·沒有元變量，如 __dirname 和 __filename。但是，有一個的類似功能的提案：“import.meta”。看起來可能是這樣：

console.log(import.meta.url);

·現(xiàn)在所有模塊標識符都是 URL（這部分在 Node.js 是新增的）：

·文件 - 帶文件擴展名的相對路徑： ../util/tools.mjs

·庫 - 沒有文件擴展名，也沒有路徑 lodash

·如何更好地使 npm 庫在瀏覽器中也可用（不使用 bundler）仍有待觀察。一種可能性是引入 RequireJS 風(fēng)格的配置數(shù)據(jù)，將路徑映射到實際路徑。目前，在瀏覽器中使用 bare path 的模塊標識符是非法的。

與 CJS 模塊的互操作性

你可以導(dǎo)入 CJS 模塊，但它們總是只有默認的導(dǎo)出 - 即 module.exports 的值。讓 CJS 模塊支持命名導(dǎo)出已經(jīng)在做了，但可能需要一段時間。如果你能幫忙，可以來做。

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 也會導(dǎo)致一些細微差異。

 ·ES 模塊始終以異步方式加載，這確保了與 Web 的最大兼容性。這種加載風(fēng)格并不能通過 require() 混合使用同步加載 CJS 模塊。

 ·禁止同步模塊加載也可以為 Top-level await 導(dǎo)入 ES 模塊保留后路（一個當前正在考慮的功能）。

3.早期版本的 Node.js 上的 ES 模塊

如果要在 8.5.0 之前的 Node.js 版本上使用 ES 模塊，請參閱 John-David Dalton 的 @std/esm。

提示：如果不啟用任何可解鎖的額外功能，將在 Node.js 保持 100％ 兼容原生 ES 模塊.

看完上述內(nèi)容，你們掌握怎么在Node.js 中使用ES模塊的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！