Size: a a a

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

2020 June 02

В

Валентин in Webpack — русскоговорящее сообщество
И нужно тогда оставлять что-то одно, понял, попробую
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
Валентин
И нужно тогда оставлять что-то одно, понял, попробую
)) всё верно! :) я убрал и теперь  внутри images только картинки  без дополнительных папок, исправил в примере выше
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Так, народ. Есть какая нибудь приблуда, что-бы мержить выхлоп вебпака? а то как не изгаляюсь с minSize- гад всё одно выдаёт кучу мелких файлов по 2-10кб... или сразу инлайнить такие файлы можно?
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
Konstantin Sedykh
Так, народ. Есть какая нибудь приблуда, что-бы мержить выхлоп вебпака? а то как не изгаляюсь с minSize- гад всё одно выдаёт кучу мелких файлов по 2-10кб... или сразу инлайнить такие файлы можно?
вы про чанки ?
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Андрей Гуртовой
вы про чанки ?
ну да
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
я не знаю ответа)
но он должен сам оптимальным образом разбивать чанки
https://webpack.js.org/configuration/optimization/

https://webpack.js.org/plugins/split-chunks-plugin/

где-то тут можно настроить
источник

KA

Kenan Ayvazov in Webpack — русскоговорящее сообщество
Konstantin Sedykh
Так, народ. Есть какая нибудь приблуда, что-бы мержить выхлоп вебпака? а то как не изгаляюсь с minSize- гад всё одно выдаёт кучу мелких файлов по 2-10кб... или сразу инлайнить такие файлы можно?
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Андрей Гуртовой
я не знаю ответа)
но он должен сам оптимальным образом разбивать чанки
https://webpack.js.org/configuration/optimization/

https://webpack.js.org/plugins/split-chunks-plugin/

где-то тут можно настроить
я же писал, нифига minSize не помогает. Я его уже во всё куда только можно запихал. И в вендора, и в корень, и в default...
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
может вот это установлено в труе?
splitChunks.cacheGroups.{cacheGroup}.enforce
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
мммм, а нафига там и терсер и углифи? сейчас то, что внут ри терсера, делается через optimization вебпака.
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
углифи-хз а терсер нужен чтобы иметь доступ к управлению параметрами терсера
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
optimization: {
   runtimeChunk: true,
   splitChunks: {
     chunks: 'all',
     minSize: 10000,
     maxSize: 150000,
     minChunks: 1,
     maxAsyncRequests: 5,
     maxInitialRequests: 3,
     automaticNameDelimiter: '_',
     automaticNameMaxLength: 30,
     name: true,
     cacheGroups: {
       vendors: {
         test: /[\\/]node_modules[\\/]/,
         priority: -10,
         minSize: 140000,
         maxSize: 150000,
         reuseExistingChunk: true
       },
       default: {
         minChunks: 2,
         priority: -20,
         reuseExistingChunk: true
       }
     }
   }
 },
источник

В

Валентин in Webpack — русскоговорящее сообщество
Kenan Ayvazov
это уже старый вариант, но думаю суть поймёшь
Теперь файлы, обработанные файл-лодырем стили ищут относительно себя
http://localhost/webpack-engine/dist/assets/css/assets/fonts/Roboto/RobotoRegular.80e7009df9ff0cd28d0f55f9d53a23dc.ttf
А так в /dist/ всё красиво
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
Konstantin Sedykh
optimization: {
   runtimeChunk: true,
   splitChunks: {
     chunks: 'all',
     minSize: 10000,
     maxSize: 150000,
     minChunks: 1,
     maxAsyncRequests: 5,
     maxInitialRequests: 3,
     automaticNameDelimiter: '_',
     automaticNameMaxLength: 30,
     name: true,
     cacheGroups: {
       vendors: {
         test: /[\\/]node_modules[\\/]/,
         priority: -10,
         minSize: 140000,
         maxSize: 150000,
         reuseExistingChunk: true
       },
       default: {
         minChunks: 2,
         priority: -20,
         reuseExistingChunk: true
       }
     }
   }
 },
может он не может в более крупные кучки ? Увеличь макс до 300килобайт позырить охото
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
Валентин
Теперь файлы, обработанные файл-лодырем стили ищут относительно себя
http://localhost/webpack-engine/dist/assets/css/assets/fonts/Roboto/RobotoRegular.80e7009df9ff0cd28d0f55f9d53a23dc.ttf
А так в /dist/ всё красиво
попробуй там написать точку перед images

         name: './images/[name][hash].[ext]',
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
или просто слеш
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
блин я не оч компетентен сорян. убежал работать
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Андрей Гуртовой
может он не может в более крупные кучки ? Увеличь макс до 300килобайт позырить охото
у меня жесткое ограничение до 150кб и количество чанков до 48. Это pads.
источник

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество
ну для проверки.  вдруг меньше станет
источник

В

Валентин in Webpack — русскоговорящее сообщество
Андрей Гуртовой
блин я не оч компетентен сорян. убежал работать
Ни так ни сяк не помогло
У вебпака какой-то бардак, некоторые пути должны быть абсолютные, другие относительные, третьи можно и так и так
Ну или я не понял логику))
источник