Как мигрировать с webpack 3 на webpack 5?

@rebekah 

Миграция с webpack 3 на webpack 5 включает в себя несколько шагов для обновления конфигурации проекта.

1. Установите webpack 5: npm install webpack@5 webpack-cli@5 --save-dev
2. Обновите конфигурацию webpack.config.js: Обновите импорт webpack: const webpack = require('webpack'); Удалите UglifyJsPlugin, так как он больше не нужен. Вместо него используйте настройку optimization.minimize: true для минимизации кода. В optimization добавьте настройки, которые вам требуются (например, splitChunks, runtimeChunk и др.). Замените module.loaders на module.rules. Например, если у вас есть правило для загрузки CSS файлов: module: { rules: [ { test: /.css$/, loader: 'style-loader!css-loader' } ] } Обновите resolve.extensions, удалив пустую строку: resolve: { extensions: ['.js', '.jsx'] }
3. Обновите babel-loader до версии 8: npm install babel-loader@8 --save-dev
4. Если вы используете eslint-loader, также обновите его до версии 4: npm install eslint-loader@4 --save-dev
5. Проверьте, что в вашем проекте используются актуальные версии всех плагинов и загрузчиков. Многие из них могут иметь обновленные требования и зависимости.
6. Проверьте, что в вашем проекте отсутствуют устаревшие плагины и загрузчики, которые уже не поддерживаются в webpack 5.
7. Запустите сборку проекта и проверьте, что все работает корректно.

Обратите внимание, что миграция с webpack 3 на webpack 5 может потребовать изменений в других частях вашего проекта, таких как настройки Babel, ESLint и других инструментов.