Size: a a a

JavaScript.Ninja

2021 April 21

AV

A V in JavaScript.Ninja
я перенес конфиг с 4 версии на 5, и получилось такое
источник

AV

A V in JavaScript.Ninja
нет, это не хэши
источник

AI

Arthur Irgashev in JavaScript.Ninja
а, тогда это номера чанков
источник

AV

A V in JavaScript.Ninja
output: {
   path: paths.dirDist,
   filename: 'js/[name].bundle.js',
   publicPath: '',
 },

optimization: {
   splitChunks: {
     chunks: 'all'
   }
 }
источник

AI

Arthur Irgashev in JavaScript.Ninja
ты можешь как минимум создать свои вендор-группы
источник

AI

Arthur Irgashev in JavaScript.Ninja
можно ещё магические импорты использовать
источник

AI

Arthur Irgashev in JavaScript.Ninja
а ты сам конфиг не трогал ? Не оборачивал импорты  в какие-то либы для код-сплиттинга ?
источник

AI

Arthur Irgashev in JavaScript.Ninja
в целом, можно делать что-то типа такого
config.optimization = {
       runtimeChunk: 'single',
       splitChunks: {
         chunks: 'all',
         maxInitialRequests: Infinity,
         minSize: 0,
         cacheGroups: {
           vendor: {
             test: /[\\/]node_modules[\\/]/,
             name(module) {
               const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
               if (packageName.includes('react')
                 || packageName.includes('scheduler')) {
                 return 'vendors.react';
               }

               if (packageName.includes('mobx')) {
                 return 'vendors.mobx';
               }

               if (packageName.includes('tiny-')) {
                 return 'vendors.tiny';
               }

               return 'vendors~common';
             },
           },
         },
       },
     };
источник

AV

A V in JavaScript.Ninja
нет
источник

AV

A V in JavaScript.Ninja
спасибо, сейчас попробую!
источник

AV

A V in JavaScript.Ninja
спасибо, это помогло.
хотя непонятно, где вебпак решил переключиться с имен чанков на номера. раньше этот же результат я получал просто указывая chunks: 'all'
источник

RM

Roman Mironov in JavaScript.Ninja
У меея такое случилось, например, когда я вместе вебпака стал юзать обертку ввиде laravel-mix)
источник

AV

A V in JavaScript.Ninja
у меня это случилось при переезде с 4 вебпака на 5. я конечно менял там какие-то библиотеки и настройки, но функционал чанков вроде не затрагивался.
источник

AI

Arthur Irgashev in JavaScript.Ninja
никаких лоадабл-компонентов не добавлял ?
источник

AV

A V in JavaScript.Ninja
да вроде нет
источник

С

Сергей in JavaScript.Ninja
я #noob пропустил немного про Redux-toolkit
он подходит для всех проектов или есть ограничения ?
теперь всё пишется через слайсы ? или это всё поиграться и забыть ?
источник

EM

Evgeny Malafeev in JavaScript.Ninja
В основном на слайсах, да. Потому что удобнее. Вообще это тот же redux, только на максималках
источник

YS

Yuri Strelets in JavaScript.Ninja
вполне себе поиграться и использовать, если без редукса никак, но советую смотреть в сторону swr, react-query
источник

С

Сергей in JavaScript.Ninja
спасибо 👍
источник

С

Сергей in JavaScript.Ninja
ох еще и react-query. Теперь в одной конторе будет Redux-toolkit, в другой react-query, а в третьей по старому )) При том что иногда  пишут "знать любой из трёх фреймворков", не уточняя какой действительно нужен
источник