Look into adding source maps to our JS
Our code gets transpiled from Babel and then minified by Webpack which results in a file which can be hard to debug whenever an error occurs.
A solution to this would be to add source maps to our JavaScript. These are JSON files which keep track of lines and filenames from our source code in relation to our built js code in the dist/
dir. Source maps can be created with either babel or webpack.
The benefit of doing this would be for our error messages to point us to the source code instead of some minified main.js
file.
Here is a link to read more on them: https://trackjs.com/blog/debugging-with-sourcemaps/