Une brève discussion sur la façon d'utiliser la syntaxe d'importation ES6 dans Node.js

Comment utiliser la syntaxe d'importation ES6 dans

Node.js ? Cet article vous expliquera comment utiliser la syntaxe d'importation ES6 dans Node.js. Les

Modules sont des fichiers JavaScript qui exportent une ou plusieurs valeurs. Les valeurs exportées peuvent être des variables, des objets ou des fonctions.

Les applications Node.js sont composées de modules et leur système de modules adopte la spécification CommonJS, qui ne fait pas partie formelle de la spécification du langage JavaScript. [Apprentissage recommandé : "tutoriel Nodejs"]

Dans CommonJS, il existe une méthode globale require(), qui est utilisée pour charger des modules. require()，用于加载模块。

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

而 ECMAScript 模块（简称 ES 模块或 ESM）是 JavaScript 语言规范中添加的一个模块，正在寻求统一和标准化模块在 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 版本的环境

另一个解决这个问题的方法是使用 Babel。它是一个 JavaScript 编译器，允许您使用最新语法编写 JS。它可以在任何用 JavaScript 编写的项目中使用，因此也可以在 Node.js 项目中使用

首先从终端窗口安装以下开发人员依赖项：

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

然后在 Node.js 项目的根目录下创建一个名为 babel.config.json 的文件，并添加以下内容：

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

@babel/node 包是一个 CLI 实用程序，它在运行 Node.js 项目之前用 Babel 预设和插件编译 JS 代码。这意味着它将在执行 Node 项目之前读取并应用 babel.config.json 中提到的任何配置。

使用 babel-node 替换该 node，以在 start 或 dev 脚本中执行服务器。

使用 npm run dev

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

Et le module ECMAScript (ES Module ou ESM en abrégé) est un module ajouté à la spécification du langage JavaScript qui cherche à unifier et à standardiser la façon dont les modules sont chargés dans les applications JavaScript.

La syntaxe d'importation suivante comprend les normes de module ES suivantes pour l'importation de modules exportés à partir de différents fichiers JavaScript : rrreee

Node.js ne prend pas en charge l'importation directe d'ES6. Essayez d'écrire import dans le fichier JS Syntaxe : 🎜rrreee🎜Utilisez npm start ou npm run dev pour exécuter Node.js, vous rencontrerez ce qui suit Erreur : 🎜🎜🎜 🎜Le programme a planté car nous avons utilisé la syntaxe du module ES pour importer le module path. 🎜🎜La solution la plus rapide actuellement est que nous pouvons utiliser Node La méthode recommandée. pour js🎜 consiste à définir "type": "module" dans le fichier package.json. 🎜rrreee🎜Cette solution fonctionne avec la dernière version de Node.js 14.x.x et supérieure (15.6.0 au moment de la rédaction). 🎜🎜🎜

Environnements inférieurs à Node v.14

🎜Une autre façon de résoudre ce problème est d'utiliser 🎜Babel🎜🎜. Il s'agit d'un compilateur JavaScript qui vous permet d'écrire du JS en utilisant la dernière syntaxe. Il peut être utilisé dans n'importe quel projet écrit en JavaScript et donc également dans les projets Node.js 🎜🎜 Commencez par installer les dépendances de développeur suivantes depuis une fenêtre de terminal : 🎜rrreee🎜 Créez-en ensuite une à la racine de votre fichier projet Node.js nommé babel.config.json et ajoutez le contenu suivant : 🎜rrreee🎜 Le package @babel/node est un utilitaire CLI qui exécute des projets Node.js. Auparavant, j'utilisais les préréglages et plugins Babel. pour compiler du code JS. Cela signifie qu'il lira et appliquera toute configuration mentionnée dans babel.config.json avant d'exécuter le projet Node. 🎜🎜Remplacez le node par babel-node pour exécuter le serveur dans un script start ou dev. 🎜🎜Exemple d'utilisation du script npm run dev pour exécuter le serveur Node : 🎜rrreee🎜Pour plus de connaissances sur la programmation, veuillez visiter : 🎜Vidéos de programmation🎜 ! ! 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!