fix: resolve dependency issues in v5 alpha

[merceyz]

What's the problem this PR addresses?

The v5 alpha regressed to have dependency issues.

How did you fix it?

• Resolve webpack loaders
• Declare terser-webpack-plugin as a dependency again
• Resolve @babel/runtime from babel-preset-react-app

[raix]

Terser is shipped in webpack 5 not sure this is the way to go?

[merceyz]

It's required by react-scripts so it has to declare it as a dependency
https://github.com/facebook/create-react-app/blob/e5ab125e27f5b9b38da92f9a187f30db0b61c017/packages/react-scripts/config/webpack.config.js#L18

[raix]

I'll have to check, anyways we should use the terser plug-in already available in webpack 5 https://webpack.js.org/plugins/terser-webpack-plugin/

[raix]

(Adding the terser dependency is webpack 4 style...)

[raix]

That said, I've seen a warning from babel when the babel cache is empty, so the config has an issue

[merceyz]

anyways we should use the terser plug-in already available in webpack 5 https://webpack.js.org/plugins/terser-webpack-plugin/

Those docs also specify to declare it as a dependency

if you are using Webpack v5 or above and wish to customize the options, you will still need to install terser-webpack-plugin.

[raix]

@merceyz you are right 👍 - I completely missed that detail
Seems like tests are failing, we could try mergning latest main to see if it resolves the issue