Телеграмм чат группы webpack

И не достаточно ли мне в большинстве случаев require.ensure([], (require) => {const a = require('a');})

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

05:58пожаловаться

Можете мне объяснить про require.ensure?
Первый параметр - модули, которые будут чанкнуты и тут же вызваны, а в функции (второй параметр) - модули будут добавлены в чанк, если я их вызвал, но тут я уже сам рулю порядком вызова?

Да

07:43пожаловаться

👤U

А на второй вопрос?

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

07:43пожаловаться

И не достаточно ли мне в большинстве случаев require.ensure([], (require) => {const a = require('a');})

Эншур нужен чтобы дождатся загрузки чанка с модулями которые тебе нужеы

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

07:43пожаловаться

Он не импортит их но проверяет что уже может это сделать

07:44пожаловаться

👤U

Я пока не понял именно концепцию первого и второго параметра.
Почему я и там и там делаю require каких-то модулей.

07:44пожаловаться

👤U

А ну, допустим в первом параметре я могу указать либы, без которых ваще промис бессмысленен, а в самом промисе уже подключить модули, которые без тех либ просто не сработают?

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

07:44пожаловаться

Достаточно указать в эншуре либу которую будешь грузить в колбеке, а эншур функция сама проверит все ли зависимости этой либы загружены и тогда вызовет колбек

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

07:46пожаловаться

Может для каких то неявных зависимостей типо полифилов надо указывать и их тоже в эншуре, тут хз, не эксперементировал с этим

07:47пожаловаться

👤U

Ладно, в рамках обучения лучше действительно первый параметр пустым массивом кидать. Чтоб не наворотить.

07:48пожаловаться

👤U

Спасибо за ответы.

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

07:48пожаловаться

http://qaru.site/questions/279586/requireensure-non-blocking

Ладно, в рамках обучения лучше действительно первый параметр пустым массивом кидать. Чтоб не наворотить.

qaru.site

javascript - Require.ensure() неблокирующий - Qaru

Если у нас есть разные пакеты, созданные webpack, и мы require.ensure что-то динамически передаем + eval в более поздний момент времени, это происходит через jsonPadding и некоторую магию webpack js. Если мы имеем

require.ensure([ ], ( require ) =&

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

07:49пожаловаться

Из доки вебпака про первый аргумент
dependencies: An array of strings declaring all modules required for the code in the callback to execute.

07:53пожаловаться

👤U

Что-то типа самодокументирования?
Если колбэк вдруг большой, я все равно заранее описал, что он использует?

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

07:54пожаловаться

Что-то типа самодокументирования?
Если колбэк вдруг большой, я все равно заранее описал, что он использует?

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

07:57пожаловаться

👤U

Так там в той же доке написано, что он все равно в этот чанк вынесет то, что в колбэке отреквайрено

07:58пожаловаться

👤U

require.ensure('./a', (require) => {require('./b')})
В итоге в чанке есть и a и b

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

07:58пожаловаться

Я так понял это касается только того что в массиве, зачем дублировать код и в чанке и бандле

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

07:59пожаловаться

Надо эксперементировать чтоб сказать наверняка, но с тз логики массив как раз и нужен для того чтобы описать что положить в чанк

08:00пожаловаться

👤U

То то и оно что я уже тестил. Куда не воткни модуль - он все равно окажется в асинхронном чанке.