Size: a a a

2020 February 17

AS

Andrew Samolov in pro.js
Denis Efremov
В большинстве случаев
Вообще я с тобой согласен, что реально проще все одним бандлом делать и не запариваться, продовские бандлы все равно весят немного относительно скорости современных интернетов, но все таки есть кейсы где это может быть оправдано
источник

ZS

Znacovean Simion in pro.js
Denis Efremov
У тебя либо spa, либо нет. По твоему описанию - нет. Тебе просто надо сделать по бандлу с только нужным кодом для каждой страницы. Делать это надо вне вью приложения
у меня не SPA но я пообщался с одним фуллстек прогером и он мне скинул вариант которые они на проде юзают
сейчас покажу
источник

DE

Denis Efremov in pro.js
Denis Efremov
И динамические (а не асинхронные) компоненты тебе никак не помогут в этом
Они будут работать только внутри спа
источник

ZS

Znacovean Simion in pro.js
источник

V

Vlad in pro.js
Denis Efremov
И динамические (а не асинхронные) компоненты тебе никак не помогут в этом
это асинхронные
источник

V

Vlad in pro.js
ибо import() возвращает промис
источник

DE

Denis Efremov in pro.js
И что это?
источник

V

Vlad in pro.js
но в целом разделять на бандлы НЕ страницы я не вижу
источник

ZS

Znacovean Simion in pro.js
Denis Efremov
И что это?
это пример когда у тебя на каждой из страниц в которой есть куча статики не вьюшной есть ещё и вьюшные компоненты
источник

DE

Denis Efremov in pro.js
Vlad
ибо import() возвращает промис
И что?
источник

ZS

Znacovean Simion in pro.js
вот пример юза (через инлайн-темплейты или без)
источник

AS

Andrew Samolov in pro.js
Denis Efremov
И динамические (а не асинхронные) компоненты тебе никак не помогут в этом
Так, под динамическими компонентами ты понимаешь динамически загружаемые или просто динамические в плане того что там анимации и обновления?)
источник

DE

Denis Efremov in pro.js
Znacovean Simion
это пример когда у тебя на каждой из страниц в которой есть куча статики не вьюшной есть ещё и вьюшные компоненты
Это хуйня а не пример
источник

V

Vlad in pro.js
Denis Efremov
И что?
источник

DE

Denis Efremov in pro.js
Znacovean Simion
вот пример юза (через инлайн-темплейты или без)
Ты побольше пробуй и поменьше пиши в чат - реально помогает
источник

ZS

Znacovean Simion in pro.js
Denis Efremov
Это хуйня а не пример
идея такая
"То есть, у тебя есть грубо говоря index.js в котором создается вью апп, и монтируется на заранее известный селектор который есть на каждой странице. Все это собирает вебпак. В этом плане тут ничего неожиданного все как обычный апп. Но изза того что все компоненты через асинхронный импорт засунуты import(..), то вебпак порежет твой бандл на чанки, и каждый такой компонент окажется в своем чанке.

В итоге заходя на любую страницу, у тебя подсоеденяется твой бандл, начальный чанк, index.js, вью апп монтируется на страницу, дальше вью апп встречает допустим <some-page-component> , дальше он ресолвит компонент выполняя функцию () => import(…), внутри функция выполняет импорт, импорт запускает ресолв чанка компонета, веб пак его подгружает, отдает вью, вью рендерит компонент, компонент за счет директивы берет хтмл прям со страницы что отдал бэк

можно не отдавать хтмл бэком, тогда отдавай просто тэг компонента (если юзать вариант без inline-template)
источник

AS

Andrew Samolov in pro.js
Denis Efremov
Ты побольше пробуй и поменьше пиши в чат - реально помогает
Какой же ты токсичный чувак
источник

С

Славик in pro.js
да нет
источник

С

Славик in pro.js
это просто совет был
источник

DE

Denis Efremov in pro.js
Я бы сказал что это компоненты с отложенной загрузкой. Слово асинхронные там реально не в тему
источник