淺談Node.js中ES6導(dǎo)入語法的使用方法

第淺談Node.js中ES6導(dǎo)入語法的使用方法模塊是導(dǎo)出一個或多個值的JavaScript文件。導(dǎo)出的值可以是變量、對象或函數(shù)。

Node.js應(yīng)用由模塊組成，其模塊系統(tǒng)采用CommonJS規(guī)范，它并不是JavaScript語言規(guī)范的正式組成部分?！就扑]學(xué)習(xí)：《nodejs教程》】

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

//加載path模塊

constpath=require(path)

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

以下導(dǎo)入語法由以下ES模塊標(biāo)準(zhǔn)組成，用于導(dǎo)入從不同JavaScript文件導(dǎo)出的模塊：

importXXXfromxxx

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

//index.js

import{sep}frompath

console.log(print:,sep)

使用npmstart或npmrundev運行Node.js，您將遇到以下錯誤：

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

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

type:module

}

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

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

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

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

$npmi-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預(yù)設(shè)和插件編譯JS代碼。這意味著它將在執(zhí)行Node項目之前讀取并應(yīng)用babel.config.json中提到的任何配置。

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

使用npmrundev腳本運行Node服務(wù)器的示例