Size: a a a

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

2020 September 15

SS

S S in Webpack — русскоговорящее сообщество
Сергей
Можно ли как то указать webpack'у корень проекта? Убрал все конфигурации webpack в папку, и чтобы все работало пишу так:

path.join(process.cwd(), '../dist')

Каждый раз приходиться писать что нужно выйти на уровень выше ../ нельзя как то исправить это? играл с __dirname, path.resolve не помогло
я делаю вот так в самом верху __dirname = path.join(__dirname, '..') и потом спокойно втыкаю __dirname куда угодно внизу, если я правильно тебя понял 😂
источник

С

Сергей in Webpack — русскоговорящее сообщество
S S
я делаю вот так в самом верху __dirname = path.join(__dirname, '..') и потом спокойно втыкаю __dirname куда угодно внизу, если я правильно тебя понял 😂
Спасибо =))
источник

С

Сергей in Webpack — русскоговорящее сообщество
Ребят а можно как то получить имя js? Просто у меня страницы идут через:

new HandlebarsPlugin({
     entry: path.resolve(__dirname, '../#src/pages/*/*.hbs'),
     output: path.resolve(__dirname, '../dist/[name].html'),
     partials: [
       path.resolve(__dirname, '../#src/components/*/*.hbs')
     ],
     getPartialId: function (filePath) {
       return filePath.match(/\/([^/]+)\.[^.]+$/).pop()
     }
   }

Но там есть события рендера, хочу прописать там вставку js файла и css, только они имеют hash в имени:

filename: 'js/[hash].js'

Можно как то получить имя [hash].js в плагине?
источник

С

Сергей in Webpack — русскоговорящее сообщество
Т.е webpack сейчас сам не вставляет ссылку на js
источник

S

Sanj in Webpack — русскоговорящее сообщество
Коллеги, использую webpack dll plugin и forktscheckerwebpack plugin, dll plugin  билдит все зависимости в один файл, выходит в 20 мб, при запуске дев сервера билд происходит быстро , но ui грузится долго в первый раз, как вы ускоряете этот момент?
источник

D

Denys in Webpack — русскоговорящее сообщество
Sanj
Коллеги, использую webpack dll plugin и forktscheckerwebpack plugin, dll plugin  билдит все зависимости в один файл, выходит в 20 мб, при запуске дев сервера билд происходит быстро , но ui грузится долго в первый раз, как вы ускоряете этот момент?
1. Убрать лишнее из вендорных либ
2. Разбить на чанки
3. Оптимизировать скрипты
4. Добавить rel автозагрузки скриптов и JSON с данными
5. Можно сделать ленивую загрузку модулей
источник
2020 September 16

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Sanj
Коллеги, использую webpack dll plugin и forktscheckerwebpack plugin, dll plugin  билдит все зависимости в один файл, выходит в 20 мб, при запуске дев сервера билд происходит быстро , но ui грузится долго в первый раз, как вы ускоряете этот момент?
Длл плагин же чисто для дева
источник

A

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Sanj
Коллеги, использую webpack dll plugin и forktscheckerwebpack plugin, dll plugin  билдит все зависимости в один файл, выходит в 20 мб, при запуске дев сервера билд происходит быстро , но ui грузится долго в первый раз, как вы ускоряете этот момент?
Есть как минимум два конкурирующих сопособа разбить код - длл плагин и чанки. Длл плагин максимально простой - он смотрит что зависимость из модулей и прихает ее в отдельный чанк. Чанк этот собирается один раз и потом переиспользуется для повторных сборок до тех пор пока в проект не добавиться или не обновится внешняя зависимость.

А есть чанк плагин (давно засунули в вебпак его, управляется через optimization) - это гениальный плагин который анализирует весь граф связей в проекте что куда и зачем, понимает какие зависимости используются почти везде, какие очень редко на отдельных страницах, и создает чанки которые будут подключены в нужных местах. Для полноценного раскрытия ему нужны lazy модули (динамически загружаемые) чтобы отложить часть вашего кода до момента когда он понадобятся.
Вся эта магия конечно не бесплатная и в больших проектах весь этот анализ на каждый ребилд может занимать не приятно много времени
источник

A

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Надеюсь я кому-то помог
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Sanj
Коллеги, использую webpack dll plugin и forktscheckerwebpack plugin, dll plugin  билдит все зависимости в один файл, выходит в 20 мб, при запуске дев сервера билд происходит быстро , но ui грузится долго в первый раз, как вы ускоряете этот момент?
Ts чекер кстати вообще никак на размер бандла не может повлиять
источник

D

Denys in Webpack — русскоговорящее сообщество
Alex CherryTea
Надеюсь я кому-то помог
Скинь ссылку на длл плагин👍
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Denys
Скинь ссылку на длл плагин👍
На какой
источник

D

Denys in Webpack — русскоговорящее сообщество
Alex CherryTea
На какой
О котором ты писал
источник

D

Denys in Webpack — русскоговорящее сообщество
Длл чанки
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Это два разных плагина
источник

D

Denys in Webpack — русскоговорящее сообщество
Ну я о длл
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Denys
Ну я о длл
источник

D

Denys in Webpack — русскоговорящее сообщество
👍
источник