Node.js中如何使用ES6導入語法？本篇文章就來給大家介紹一下Node.js中ES6導入語法的使用方法。

模塊是導出一個或多個值的 JavaScript 文件。導出的值可以是變量、對象或函數(shù)。

Node.js 應用由模塊組成，其模塊系統(tǒng)采用 CommonJS 規(guī)范，它并不是 JavaScript 語言規(guī)范的正式組成部分。【推薦學習：《nodejs 教程》】

在 CommonJS 中，有一個全局性方法 require()，用于加載模塊。

// 加載 path 模塊 const path = require('path')

而 ECMAScript 模塊（簡稱 ES 模塊或 ESM）是 JavaScript 語言規(guī)范中添加的一個模塊，正在尋求統(tǒng)一和標準化模塊在 JavaScript 應用程序中的加載方式。

以下導入語法由以下 ES 模塊標準組成，用于導入從不同 JavaScript 文件導出的模塊：

import XXX from 'xxx'

Node.js 不支持直接導入 ES6。嘗試在 JS 文件中編寫 import 語法：

// index.js import { sep } from 'path'  console.log('print: ', sep)

使用 npm start 或 npm run dev 運行 Node.js，您將遇到以下錯誤：

由于我們使用了 ES 模塊語法導入 path 模塊而導致程序崩潰。

而目前最快速的解決方法是，我們可以使用 Node.js 推薦的方法，在 package.json 文件中設置 "type": "module"。

{   "type": "module" }

此解決方案適用于最新的 Node.js 版本 14.x.x 以上的版本（撰寫本文時為 15.6.0）。

低于 Node v.14 版本的環(huán)境

另一個解決這個問題的方法是使用 Babel。它是一個 JavaScript 編譯器，允許您使用最新語法編寫 JS。它可以在任何用 JavaScript 編寫的項目中使用，因此也可以在 Node.js 項目中使用

首先從終端窗口安裝以下開發(fā)人員依賴項：

$ npm i -D @babel/core @babel/preset-env @babel/node

然后在 Node.js 項目的根目錄下創(chuàng)建一個名為 babel.config.json 的文件，并添加以下內(nèi)容：

module.exports = {   "presets": ["@babel/preset-env"] }

@babel/node 包是一個 CLI 實用程序，它在運行 Node.js 項目之前用 Babel 預設和插件編譯 JS 代碼。這意味著它將在執(zhí)行 Node 項目之前讀取并應用 babel.config.json 中提到的任何配置。

使用 babel-node 替換該 node，以在 start 或 dev 腳本中執(zhí)行服務器。

使用 npm run dev 腳本運行 Node 服務器的示例：

{   "scripts": {     "dev": "nodemon --exec babel-node server.js"   } }