Size: a a a

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

2020 July 13

A

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

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
уже час вожусь. все работает, но в консоле тоже ошибки
источник

OT

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

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
new webpack.SourceMapDevToolPlugin({
 filename: 'public/js/react/[name].js.map',
 exclude: ['vendor.js']
})
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Какой-то костыль раскладывающий файлы в папочки выстрелил в ногу
источник

R

Romanovskiy in Webpack — русскоговорящее сообщество
Всем привет.

Собираю многостраничные статичные сайты с помощью галпа.
Из-за нескольких его недостатков решил опробовать вебпак. Настроил конфиг для своих задач, но возник затык с js файлами. У меня есть файлы плагинов, общий файл (шапка, всплывашки и т.д.) и отдельные файлы для разных блоков.
Я нашёл вариант только сделать каждый из этих файлов точкой входа и подключить чанки, чтобы общий код из файлов собирался в отдельные файлы. Данный вариант для меня не подходит, т.к. файлы будут постепенно добавляться и нельзя, чтобы старые менялись.

Подскажите пожалуйста, возможно ли js файлы просто прогонять через бабель+минификацию, не делая их точками входа?
Например оставить одну точку входа, импортировать в неё все js файлы, обрабатывать и с помощью какого-нибудь плагина не добавлять в общий бандл, а выковыривать в отдельную папку js?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Romanovskiy
Всем привет.

Собираю многостраничные статичные сайты с помощью галпа.
Из-за нескольких его недостатков решил опробовать вебпак. Настроил конфиг для своих задач, но возник затык с js файлами. У меня есть файлы плагинов, общий файл (шапка, всплывашки и т.д.) и отдельные файлы для разных блоков.
Я нашёл вариант только сделать каждый из этих файлов точкой входа и подключить чанки, чтобы общий код из файлов собирался в отдельные файлы. Данный вариант для меня не подходит, т.к. файлы будут постепенно добавляться и нельзя, чтобы старые менялись.

Подскажите пожалуйста, возможно ли js файлы просто прогонять через бабель+минификацию, не делая их точками входа?
Например оставить одну точку входа, импортировать в неё все js файлы, обрабатывать и с помощью какого-нибудь плагина не добавлять в общий бандл, а выковыривать в отдельную папку js?
А вам точно нужен вебпак?)
источник

R

Romanovskiy in Webpack — русскоговорящее сообщество
нет) После написания пробного конфига я сделал для себя вывод, что для сборки многостраничной статики галп подходит больше. Но уж очень впечатлила скорость работы дев сервера. Да и хочется дожать сборку до конца, чтобы понимать возможно ли в принципе такое или не стоит изобретать костыли и нужно оставить вебпак для SPA и приложенек.
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Romanovskiy
Всем привет.

Собираю многостраничные статичные сайты с помощью галпа.
Из-за нескольких его недостатков решил опробовать вебпак. Настроил конфиг для своих задач, но возник затык с js файлами. У меня есть файлы плагинов, общий файл (шапка, всплывашки и т.д.) и отдельные файлы для разных блоков.
Я нашёл вариант только сделать каждый из этих файлов точкой входа и подключить чанки, чтобы общий код из файлов собирался в отдельные файлы. Данный вариант для меня не подходит, т.к. файлы будут постепенно добавляться и нельзя, чтобы старые менялись.

Подскажите пожалуйста, возможно ли js файлы просто прогонять через бабель+минификацию, не делая их точками входа?
Например оставить одну точку входа, импортировать в неё все js файлы, обрабатывать и с помощью какого-нибудь плагина не добавлять в общий бандл, а выковыривать в отдельную папку js?
С "недобавлять в общий бандл" все сложно, это фундамент на котором строится вебпак, дробить он тоже умеет но это полуавтоматическая работа по созданию чанков которая работает на уровне разделения общих и частных зависимостей, или по размеру чанка, вобщем это уже следующий этап оптимизаций после того как был собран общий бандл
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
А вариант - взять какой-то файл, приготовить и положить - это конвейер для гальпа
источник

A

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

R

Romanovskiy in Webpack — русскоговорящее сообщество
Про чанки в документации прочитал, но как уже говорил выше, этот вариант не подходит. Т.к. у меня не вёрстка нового сайта, а поддержка существующего и если при добавлении  Js файла для нового блока будут изменяться или менять название старые чанки, то бэкэндщики меня просто побьют))
источник

R

Romanovskiy in Webpack — русскоговорящее сообщество
Alex CherryTea
Т.е. в теории то что вы описали возможно но это пипец криво будет
в принципе я так и думал, но хотел убедиться. Пошёл обратно на галп. Спасибо!)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Romanovskiy
Про чанки в документации прочитал, но как уже говорил выше, этот вариант не подходит. Т.к. у меня не вёрстка нового сайта, а поддержка существующего и если при добавлении  Js файла для нового блока будут изменяться или менять название старые чанки, то бэкэндщики меня просто побьют))
Хеш можно отключать
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
Alex CherryTea
Какой-то костыль раскладывающий файлы в папочки выстрелил в ногу
что?) где то пишут что я хэши должен также прописывать. а я не могу. у меня php-ый .volt, а не html
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Romanovskiy
в принципе я так и думал, но хотел убедиться. Пошёл обратно на галп. Спасибо!)
Да и дев сервер вебпака это просто экспресс, скорость там за счёт того что сборка собирается не на диск а в память из которой экспресс ее отдает. Не сильно сложно сделать это для гальпа
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
во втором скрине жалуется на es5. установил "@babel/preset-es2015”, теперь он не видит этот модуль в пакетах
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Oruj Tatiyev
что?) где то пишут что я хэши должен также прописывать. а я не могу. у меня php-ый .volt, а не html
тебе надо генерировать и читать манифест, там будут хеши
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
Roman Usherenko
тебе надо генерировать и читать манифест, там будут хеши
можно ссылку?
источник

R

Romanovskiy in Webpack — русскоговорящее сообщество
Alex CherryTea
Да и дев сервер вебпака это просто экспресс, скорость там за счёт того что сборка собирается не на диск а в память из которой экспресс ее отдает. Не сильно сложно сделать это для гальпа
Понять. Погуглю, спасибо!
источник