Size: a a a

Webpack — русскоговорящее сообщество

2020 January 20

A

Aleksandr in Webpack — русскоговорящее сообщество
RusaXXX
а в чем прикол?
оптимизация
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
Aleksandr
оптимизация
в чем именно оптимизация?
источник

DT

Daniil Tchernyavsky in Webpack — русскоговорящее сообщество
RusaXXX
в чем именно оптимизация?
Грузить все в юзера или часть
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
в том, что у тебя к каждой странице подтягивается только те куски кода, которые нужны для рендера данной странице
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
Aleksandr
в том, что у тебя к каждой странице подтягивается только те куски кода, которые нужны для рендера данной странице
но при этом на каждой новой странички у тебя грузится новый чанк, вместо того, что бы сделать модули, которые будут браться из кэша
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
RusaXXX
но при этом на каждой новой странички у тебя грузится новый чанк, вместо того, что бы сделать модули, которые будут браться из кэша
и грузиться метра три при запуске приложения? Отличная идея =)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
RusaXXX
но при этом на каждой новой странички у тебя грузится новый чанк, вместо того, что бы сделать модули, которые будут браться из кэша
общие зависимости (библиотеки) выносятся в чанк common
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
Aleksandr
и грузиться метра три при запуске приложения? Отличная идея =)
почему три метра
Страница 1
common,js
модуль 1.js
модуль 2.js

Страница 2
common,js
модуль 1.js
иодуль 2.js - берется из кэша

Страница 3
common,js
модуль 1.js - берется из кэша
иодуль 3.js

Страница 20
common,js
модуль 1.js - берется из кэша
модуль 2.js - берется из кэша
иодуль 3.js - берется из кэша


Ваша идея
Страница 1
common,js
chunck1

Страница2
common.js
chunk2

Страница3
common.js
chunk3 - cнова грузим chunk

Страница20
common.js
chunk20 - все еще  грузим chunk под номером 20
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
не пойму где тут оптимизация
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
то есть если это третья страница то chunk3???
источник

d

ds in Webpack — русскоговорящее сообщество
RusaXXX
то есть если это третья страница то chunk3???
Обратитесь по адресу: поисковик Гугл, developers.google -> раздел web fundamentals
источник

d

ds in Webpack — русскоговорящее сообщество
Там оказывают помощь всем тем кого постигла беда и мучают многие мысли
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
ds
Обратитесь по адресу: поисковик Гугл, developers.google -> раздел web fundamentals
Что именно смотреть, можно конкретнее, а не общими фразами, если конечно есть что сказать по делу
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
RusaXXX
почему три метра
Страница 1
common,js
модуль 1.js
модуль 2.js

Страница 2
common,js
модуль 1.js
иодуль 2.js - берется из кэша

Страница 3
common,js
модуль 1.js - берется из кэша
иодуль 3.js

Страница 20
common,js
модуль 1.js - берется из кэша
модуль 2.js - берется из кэша
иодуль 3.js - берется из кэша


Ваша идея
Страница 1
common,js
chunck1

Страница2
common.js
chunk2

Страница3
common.js
chunk3 - cнова грузим chunk

Страница20
common.js
chunk20 - все еще  грузим chunk под номером 20
если у вас есть модули которые переписпользуются между страницами это не чанк страницы а common модуль
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
чанк старницы это та логика которая нужна для ренера конкретно этой страницы
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
Alex CherryTea
если у вас есть модули которые переписпользуются между страницами это не чанк страницы а common модуль
то есть если у меня модуль1 используется на странице с первой по 10, а на остальных(например всего 20 ) не используется, то мне нужно поместить мой модуль в common?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
RusaXXX
то есть если у меня модуль1 используется на странице с первой по 10, а на остальных(например всего 20 ) не используется, то мне нужно поместить мой модуль в common?
в теории вы можете создать несколько common модулей, можете даже выделить в отдельный common модуль каждую функцию которая используется больше одного раза
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
границу разумного провести нужно самому
источник

R

RusaXXX in Webpack — русскоговорящее сообщество
Alex CherryTea
в теории вы можете создать несколько common модулей, можете даже выделить в отдельный common модуль каждую функцию которая используется больше одного раза
а не запутанно ли получится это все в конце, когда я буду комбинировать разные модули, делать для них общие common, а потом еще вспоминать а что вот этот  чанк коммон в себя включает, когда подрубаю на странице.Не хочу сказать что вы не правы, просто пытаюсь разобраться
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
зпутанно, именно поэтому common модулей обычно один или два
источник