Summary

Currently we are using Webpack 4. Many plugins/loaders etc have changed and are no longer getting patched/updated, so we probably need to migrate to Webpack 5.

Keeping track of work/research here, for want of a better place.

Things to do

General research

• https://webpack.js.org/migrate/5/
• Research whether the below loaders/plugin combinations are still the best/recommended approaches here

Plugins/Loaders

• Upgrade css-loader from 5.x to 6.x
  • https://github.com/webpack-contrib/css-loader/blob/master/CHANGELOG.md#600-2021-07-14
  • Unclear if 5.x works on webpack 5? (probably)
• Upgrade style-loader from 2.x to 3.x
  • https://github.com/webpack-contrib/style-loader/blob/master/CHANGELOG.md#300-2021-06-24
  • Unclear if 5.x works on webpack 5? (probably)
• Consider switching file-loader & url-loader to https://webpack.js.org/guides/asset-modules/

Current version already supports webpack 5 / can be deferred

• Upgrade ts-loader from 8.x to 9.x
  • https://github.com/TypeStrong/ts-loader/blob/main/CHANGELOG.md#v900
• Upgrade sass-loader from 10.x to 13.x
  • https://github.com/webpack-contrib/sass-loader/blob/master/CHANGELOG.md#1100-2021-02-05
• Upgrade stylelint-webpack-plugin from 2.x to 3.x
  • https://github.com/webpack-contrib/stylelint-webpack-plugin/blob/master/CHANGELOG.md#300-2021-07-19
• Upgrade fork-ts-checker-webpack-plugin from 6.x to 7.x
  • https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/releases/tag/v7.0.0
• Upgrade html-webpack-plugin from 4.x to 5.x
  • https://github.com/jantimon/html-webpack-plugin/blob/main/CHANGELOG.md#500-2021-02-03
• Upgrade mini-css-extract-plugin (and types) from 1.x to 2.x
  • https://github.com/webpack-contrib/mini-css-extract-plugin/blob/master/CHANGELOG.md#200-2021-06-30
• Upgrade estlint-webpack-plugin from 2.x to 3.x
  • https://github.com/webpack-contrib/eslint-webpack-plugin/blob/master/CHANGELOG.md#300-2021-07-19
• Upgrade chart.js to v4
  • v4 requires webpack 5 in order to be webpakced without babel-loader/preset-env transpilation of dependencies: Module parse failed: Unexpected token chartjs/Chart.js#10918