Разница между require (x) и import x

Эта простая диаграмма помогает мне понять разницу между 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 в синтаксис require CommonJS.

Скажем, fileapp_es6.js содержит этот импорт:

import format from 'date-fns/format';

Это директива для импорта функции 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);

И обработайте все ссылки на функцию соответствующим образом.

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

-требовать

var express = require('express');

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

import * as  express from 'express';

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

var app = express(); 

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

Для получения дополнительной информации о «требовать» и «импортировать» прочтите ссылки ниже.

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

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

Я сделаю это просто,

• Импорт и экспорт - это функции ES6 (JS следующего поколения).
• Require - это старый метод импорта кода из других файлов.

Основное отличие состоит в том, что требуется, вызывается или импортируется весь JS-файл. Даже если вам не нужна какая-то его часть.

var myObject = require('./otherFile.js'); //This JS file will be imported fully.

В то время как при импорте вы можете извлекать только необходимые объекты / функции / переменные.

import { getDate }from './utils.js'; 
//Here I am only pulling getDate method from the file instead of importing full file

Еще одно важное отличие состоит в том, что вы можете использовать require в любом месте программы, где import всегда должен быть в верхней части файла.

новый 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');