Node.js で ES6 インポート構文を使用する方法についての簡単な説明

Node.js で ES6 インポート構文を使用する方法?この記事では、Node.js で ES6 インポート構文を使用する方法を紹介します。

モジュールは、1 つ以上の値をエクスポートする JavaScript ファイルです。エクスポートされる値は、変数、オブジェクト、または関数です。

Node.js アプリケーションはモジュールで構成されており、その モジュール システム は、JavaScript 言語仕様の正式な部分ではない CommonJS 仕様を採用しています。 [推奨学習: "nodejs チュートリアル "]

CommonJS には、モジュールをロードするために使用されるグローバル メソッド require() があります。

// 加载 path 模块
const path = require('path')

ECMAScript モジュール (ES モジュールまたは ESM と呼ばれる) は、JavaScript アプリケーションでモジュールをロードする方法を統一および標準化することを目的として、JavaScript 言語仕様に追加されたモジュールです。

次のインポート構文は、さまざまな JavaScript ファイルからエクスポートされたモジュールをインポートするための次の ES モジュール標準で構成されています。

import XXX from 'xxx'

Node.js は ES6 の直接インポートをサポートしていません。 JS ファイルに import を記述してみてください。 構文:

// index.js
import { sep } from 'path'

console.log('print: ', sep)

Node.js を実行するには、npm start または npm run dev を使用します。次のエラー:

ES モジュール構文を使用して path モジュールをインポートしたため、プログラムがクラッシュしました。

現時点で最も速い解決策は、Node.js が推奨する方法 を使用し、package.json ファイルに "type" を設定することです。モジュール「.

{
  "type": "module"
}

このソリューションは、最新の Node.js バージョン 14.x.x 以降 (執筆時点では 15.6.0) で動作します。

#Node v.14 以下の環境

この問題を解決する別の方法は、

Babel を使用することです。最新の構文を使用して JS を記述できる JavaScript コンパイラーです。これは JavaScript で記述された任意のプロジェクトで使用できるため、Node.js プロジェクトでも使用できます。

最初にターミナル ウィンドウから次の開発者の依存関係をインストールします:

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

次に、Node で次の名前のファイルを作成します。

babel.config.json を js プロジェクトのルート ディレクトリに配置し、次の内容を追加します:

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

@babel/node このパッケージは、コンパイルする CLI ユーティリティです。 Node.js プロジェクトを実行する前の、Babel プリセットとプラグインを含む JS コード。これは、Node プロジェクトを実行する前に、babel.config.json に記載されている構成を読み取って適用することを意味します。

start

または dev スクリプトでサーバーを実行するには、node を babel-node に置き換えます。

npm run dev

スクリプトを使用してノード サーバーを実行する例: <pre class="brush:js;toolbar:false;">{ &quot;scripts&quot;: { &quot;dev&quot;: &quot;nodemon --exec babel-node server.js&quot; } }</pre>プログラミング関連の知識の詳細については、次を参照してください:

プログラミング ビデオ

! ！

以上がNode.js で ES6 インポート構文を使用する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。