首頁 > web前端 > js教程 > 淺談Node.js中ES6導入語法的使用方法

淺談Node.js中ES6導入語法的使用方法

青灯夜游
發布: 2021-08-09 19:42:02
轉載
2783 人瀏覽過

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

淺談Node.js中ES6導入語法的使用方法

模組是匯出一個或多個值的 JavaScript 檔案。導出的值可以是變數、物件或函數。

Node.js 應用程式由模組組成,其模組系統採用 CommonJS 規範,它並不是 JavaScript 語言規範的正式組成部分。 【推薦學習:《nodejs 教學》】

在 CommonJS 中,有一個全域性方法 require(),用於載入模組。

1

2

// 加载 path 模块

const path = require('path')

登入後複製

而 ECMAScript 模組(簡稱 ES 模組或 ESM)是 JavaScript 語言規範中新增的一個模組,正在尋求統一和標準化模組在 JavaScript 應用程式中的載入方式。

以下導入語法由以下 ES 模組標準組成,用於匯入從不同 JavaScript 檔案匯出的模組:

1

import XXX from 'xxx'

登入後複製

Node.js 不支援直接匯入 ES6。嘗試在JS 檔案中編寫import 語法:

1

2

3

4

// index.js

import { sep } from 'path'

 

console.log('print: ', sep)

登入後複製

使用npm startnpm run dev 運行Node.js,您將遇到以下錯誤:

淺談Node.js中ES6導入語法的使用方法

由於我們使用了ES 模組語法匯入path 模組而導致程式崩潰。

而目前最快速的解決方法是,我們可以使用Node.js 推薦的方法,在package.json 檔案中設定"type" : "module"

1

2

3

{

  "type": "module"

}

登入後複製

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

淺談Node.js中ES6導入語法的使用方法

低於Node v.14 版本的環境

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

先從終端視窗安裝以下開發人員相依性:

1

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

登入後複製

然後在Node. js 專案的根目錄下建立一個名為babel.config.json 的文件,並加入以下內容:

1

2

3

module.exports = {

  "presets": ["@babel/preset-env"]

}

登入後複製

@babel/node 套件是一個CLI實用程序,它在運行Node.js 專案之前用Babel 預設和插件編譯JS 程式碼。這意味著它將在執行 Node 專案之前讀取並應用 babel.config.json 中提到的任何配置。

使用 babel-node 取代該 node,以在 startdev 腳本中執行伺服器。

使用 npm run dev 腳本運行 Node 伺服器的範例:

1

2

3

4

5

{

  "scripts": {

    "dev": "nodemon --exec babel-node server.js"

  }

}

登入後複製

更多程式相關知識,請造訪:程式設計影片! !

以上是淺談Node.js中ES6導入語法的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板