javascript – What is the difference between import and require when building with webpack

Question:

I wanted to know what are the differences between import and required in javascript. For example, we have two connections

import './components';
require('./helpers');

What is their difference? I would be grateful for a detailed answer or a link to a resource where you can read it. Building the project with webpack if that matters

Answer:

import can be asynchronous:

const module = await import('module');

import allows you to load parts of a module:

import {foo, bar} from "module";

Details here .