Der Unterschied zwischen "require (x)" und "import x"

Ich habe gerade angefangen, an einem kleinen Knotenprojekt zu arbeiten, das mit einer MongoDB verbunden wird. Es scheint jedoch nicht möglich zu sein, die relevanten Knotenmodule korrekt zu importieren, obwohl ich sie über korrekt installiert habe npm.

Der folgende Code gibt beispielsweise einen Fehler aus, der besagt, dass "Express keinen Standardexport hat":

import express from "express";

Dieser Code funktioniert jedoch:

const express = require("express");

Meine Frage ist also, was ist der Unterschied in der Funktionsweise der Methoden import und variable / require? Ich möchte das beheben, was meine Importe im Projekt plagt, da es wahrscheinlich später zusätzliche Probleme verursachen wird.

Dieses einfache Diagramm hilft mir, den Unterschied zwischen requireund zu verstehen import.

Abgesehen davon,

Sie können nicht nur die benötigten Teile selektiv laden, requireaber mit importskönnen Sie nur die benötigten Teile selektiv laden. Das kann Speicherplatz sparen.

Das Laden ist synchron (Schritt für Schritt), da es requireandererseits importasynchron sein kann (ohne auf den vorherigen Import zu warten), sodass es etwas besser als funktioniert require .

Der Hauptunterschied zwischen requireund besteht darin import, dass requireautomatisch node_modulesnach Modulen importgesucht wird, bei ES6 jedoch nicht.

Die meisten Leute benutzen babel zum kompilieren importund export, was importdas gleiche macht wie require.

Die zukünftige Version von Node.js unterstützt importsich möglicherweise selbst (tatsächlich tut dies die experimentelle Version bereits ), und nach den Notizen von Node.js importwird dies nicht unterstützt node_modules, sie basiert auf ES6 und muss den Pfad des Moduls angeben.

Ich würde also vorschlagen, dass Sie nicht importmit babel verwenden, aber diese Funktion ist noch nicht bestätigt. Sie wird möglicherweise node_modulesin Zukunft unterstützt. Wer würde das wissen?

Im Folgenden finden Sie ein Beispiel dafür, wie babel die ES6- importSyntax in die CommonJS- requireSyntax konvertieren kann .

Angenommen, die Datei app_es6.jsenthält diesen Import:

import format from 'date-fns/format';

Dies ist eine Anweisung zum Importieren der Formatierungsfunktion aus dem Knotenpaket date-fns .

Die zugehörige package.jsonDatei könnte Folgendes enthalten:

"scripts": {
    "start": "node app.js",
    "build-server-file": "babel app_es6.js --out-file app.js",
    "webpack": "webpack"
}

Die zugehörige .babelrcDatei könnte ungefähr so ​​aussehen:

{
    "presets": [
        [
            "env",
            {
                "targets":
                {
                    "node": "current"
                }
            }
        ]
    ]
}

Dieses build-server-filein der package.jsonDatei definierte Skript ist eine Anweisung für babel, die app_es6.jsDatei zu analysieren und die Datei auszugeben app.js.

build-server-fileWenn Sie nach dem Ausführen des Skripts app.jsden date-fnsImport öffnen und suchen , sehen Sie, dass er in diesen konvertiert wurde:

var _format = require("date-fns/format");

var _format2 = _interopRequireDefault(_format);

Der größte Teil dieser Datei ist für die meisten Menschen ein Gobbledy-Buch, aber Computer verstehen es.

Als Referenz dafür, wie ein Modul erstellt und in Ihr Projekt importiert werden kann, können Sie beim Installieren date-fnsund anschließenden Öffnen node_modules/date-fns/get_year/index.jsFolgendes sehen:

var parse = require('../parse/index.js')

function getYear (dirtyDate) {
  var date = parse(dirtyDate)
  var year = date.getFullYear()
  return year
}

module.exports = getYear

Mit dem oben beschriebenen Babel-Prozess app_es6.jskönnte Ihre Datei dann Folgendes enthalten:

import getYear from 'date-fns/get_year';

// Which year is 2 July 2014?
var result = getYear(new Date(2014, 6, 2))
//=> 2014

Und babel würde die Importe umwandeln in:

var _get_year = require("date-fns/get_year");

var _get_year2 = _interopRequireDefault(_get_year);

Und behandeln Sie alle Verweise auf die Funktion entsprechend.

Lassen Sie mich ein Beispiel für das Einschließen eines Express-Moduls mit require & import geben

-benötigen

var express = require('express');

-importieren

import * as  express from 'express';

Nachdem wir eine der obigen Anweisungen verwendet haben, haben wir eine Variable namens 'express' bei uns. Jetzt können wir die 'App'-Variable definieren als:

var app = express(); 

Also verwenden wir 'require' mit 'CommonJS' und 'import' mit 'ES6'.

Weitere Informationen zu "erfordern" und "importieren" finden Sie unter den folgenden Links.

require - Erforderliche Module in Node.js: Alles, was Sie wissen müssen

import - Ein Update zu ES6-Modulen in Node.js.

Keine Antwort hier und eher wie ein Kommentar, sorry, aber ich kann nicht kommentieren.

In Knoten V10 können Sie das Flag verwenden --experimental-modules, um Nodejs mitzuteilen, die Sie verwenden möchten import. Ihr Eingabeskript sollte jedoch mit enden .mjs.

Beachten Sie, dass dies immer noch eine experimentelle Sache ist und nicht in der Produktion verwendet werden sollte.

// main.mjs
import utils from './utils.js'
utils.print();

// utils.js
module.exports={
    print:function(){console.log('print called')}
}

Ref 1 - Nodejs Doc

Ref 2 - Github-Ausgabe

neuer ES6:

'import' sollte mit 'export'-Schlüsselwörtern verwendet werden, um Variablen / Arrays / Objekte zwischen js-Dateien zu teilen:

export default myObject;

//....in another file

import myObject from './otherFile.js';

alte Schule:

'require' sollte mit 'module.exports' verwendet werden.

 module.exports = myObject;

//....in another file

var myObject = require('./otherFile.js');