Обозревать импорт/требование?

Я пытаюсь подобрать браузер и пройти через несколько примеров.

В одном примере я вижу использование "import":

import 'jquery';

и импортирование локальных файлов с помощью:

import Header from './Header';

но в других примерах я вижу, как люди импортируют через:

require('./Header');

В чем разница?

Ответ 1

require() - это модульная система Node (CommonJS) в ES5. import - синтаксис модуля ES6.

Если вы хотите прокручивать модули, написанные с помощью синтаксиса модуля ES6, вам нужно скомпилировать их, используя что-то вроде babelify (или babel другими способами).