Как лучше использовать импорт в ES6 и почему?

Question

[Эмиль Рахматуллин]

Наткнулся на такой вариант импорта:

const PageProfileFriends = () => import( '../components/pages/profile/friends/PageProfileFriends')

Почему так написали, а не так?

import PageProfileFriends from "../components/pages/profile/friends/PageProfileFriends"

Comments

[Владимир Коротенко]

2 лучше, потому что короче и понятней для всех

Answer 1

[Lynn «Кофеман»]

Вообще-то это совершенно разные конструкции. В частности вторая работает в момент парсинга, а вторая в момент выполнения и возвращает promise

https://learn.javascript.ru/modules-dynamic-imports

Comments

[Эмиль Рахматуллин]

Аааааа, так вот оно что... Спасибо)

[Lynn «Кофеман»]

Ой, перваяв момент выполнения

Answer 2

[Alexandroppolus]

Импорт со скобками нужен для динамической подгрузки кода, при необходимости. То есть пока пользователь не добрался до PageProfileFriends, кода этого компонента нет, а при первом упоминании он будет загружен.