Разница между «требовать (х)» и «импортировать х»

Я только начал работать над небольшим проектом, который будет взаимодействовать с MongoDB. Тем не менее, я не могу заставить соответствующие модули узла правильно импортировать, даже если я правильно их установил npm.

Например, следующий код выдает ошибку, сообщая, что «экспресс не имеет экспорта по умолчанию»:

import express from "express";

Тем не менее, этот код работает:

const express = require("express");

Итак, мой вопрос: в чем разница в том, как функционируют методы import и variable / require? Я хотел бы исправить все, что мешает моему импорту в проекте, так как это может вызвать дополнительные проблемы в будущем.

Эта простая диаграмма, которая помогает мне понять разницу между requireи import.

Помимо этого,

Вы не можете выборочно загружать только те части, которые вам нужны, requireно importsвы можете выборочно загружать только те части, которые вам нужны. Это может сохранить память.

Загрузка является синхронной (шаг за шагом), поскольку, requireс другой стороны, importможет быть асинхронной (без ожидания предыдущего импорта), поэтому она может работать немного лучше, чем require .

Основное различие между requireи importзаключается в том, что он requireбудет автоматически сканировать node_modulesдля поиска модулей, но import, исходя из ES6, не будет.

Большинство людей используют Babel для компиляции importи export, что делает так importже, как require.

Будущая версия Node.js может поддерживать importсебя (фактически, экспериментальная версия уже поддерживает ) и, судя по примечаниям Node.js, importне будет поддерживать node_modules, она основана на ES6 и должна указывать путь модуля.

Поэтому я бы посоветовал вам не использовать importс babel, но эта функция еще не подтверждена, она может поддержать node_modulesв будущем, кто бы знал?

Для справки ниже приведен пример того, как babel может преобразовать importсинтаксис ES6 в синтаксис CommonJS require.

Скажем, файл app_es6.jsсодержит этот импорт:

import format from 'date-fns/format';

Это директива для импорта функции форматирования из пакета узла date-fns .

Связанный package.jsonфайл может содержать что-то вроде этого:

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

Связанный .babelrcфайл может быть примерно таким:

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

Этот build-server-fileскрипт, определенный в package.jsonфайле, является для babel директивой для анализа app_es6.jsфайла и вывода файла app.js.

После запуска build-server-fileскрипта, если вы откроете app.jsи посмотрите на date-fnsимпорт, вы увидите, что он был преобразован в это:

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

var _format2 = _interopRequireDefault(_format);

Большая часть этого файла запутана для большинства людей, однако компьютеры это понимают.

Также для справки, в качестве примера того, как модуль может быть создан и импортирован в ваш проект, если вы установите date-fnsи откроете его, node_modules/date-fns/get_year/index.jsвы увидите, что он содержит:

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

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

module.exports = getYear

Используя описанный выше процесс babel, ваш app_es6.jsфайл может содержать:

import getYear from 'date-fns/get_year';

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

И Babel будет конвертировать импорт в:

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

var _get_year2 = _interopRequireDefault(_get_year);

И обрабатывать все ссылки на функцию соответственно.

Позвольте мне привести пример для включения экспресс-модуля с require & import

-require

var express = require('express');

-Импортировать

import * as  express from 'express';

Таким образом, после использования любого из приведенных выше утверждений у нас будет переменная с именем «express». Теперь мы можем определить переменную app как:

var app = express(); 

Поэтому мы используем 'require' с 'CommonJS' и 'import' с 'ES6'.

Чтобы узнать больше о 'require' & 'import', прочитайте ссылки ниже.

require - Требование модулей в Node.js: все, что вам нужно знать

import - Обновление модулей ES6 в Node.js

Здесь нет ответа и больше похоже на комментарий, извините, но я не могу комментировать.

В узле V10 вы можете использовать флаг, --experimental-modulesчтобы сообщить Nodejs, что вы хотите использовать import. Но ваш сценарий входа должен заканчиваться .mjs.

Обратите внимание, что это все еще экспериментальная вещь и не должна использоваться в производстве.

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

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

Ссылка 1 - Документ Nodejs

Ссылка 2 - выпуск github

новый ES6:

«import» следует использовать с ключевыми словами «export» для совместного использования переменных / массивов / объектов между js-файлами:

export default myObject;

//....in another file

import myObject from './otherFile.js';

старая школа:

'require' должен использоваться с 'module.exports'

 module.exports = myObject;

//....in another file

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