Development in JavaScript would be incomparably easier without a bunch of issues that are caused by differences between browsers. Especially one of them that is always behind the others - Internet Explorer. Unfortunately, people still use it, even knowing that Microsoft released Edge which should replace IE. It is very likely that your JavaScript application will not work properly on IE11 unless you consciously take care of it. Welcome to IE11 hell.

ES6 with modules is preferred by webpack when writing JavaScript code. It means that one module has to export a function so mine could import it and use it. It works well unless the library does not follow ES6 modularity principles like jquery-ui.

Webpack is executed multiple times during standard development. Whenever I change an SCSS file, I have to run the whole webpack process to convert SCSS to CSS and bundle all resources. Until now I have been doing it by manually running npx webpack --mode=development. There is a better way - webpack can observe the source files and do it's job automatically.

Would you like to use Bootstrap but you do not know how to force webpack to bundle it? This part of the tutorial for webpack describes how to add any external CSS library to a project with webpack.