This time we will focus on knowledge about modes in webpack. Check fortieth question of the quiz.
Tutorial for webpack 4 - part 09 - external CSS library (Bootstrap)
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.
Full-stack dev quiz question #39
Have ever used NPM for anything more than downloading a package? Thirty ninth question is about NPX.
Tutorial for webpack 4 - part 08 - external JS library (jQuery)
You already know how to use multiple JS files for one page. This time, I will take care of other common case - external libraries. In this part of the tutorial for webpack, I add jQuery to the package. It is probably one of the most often used frontend libraries so it is a good example.
Full-stack dev quiz question #38
Tutorial for webpack 4 is there but do you know what is webpack? Thirty eighth question is about webpack.
Tutorial for webpack 4 - part 07 - multiple JS files for a page
Bundling JS files was the first task that webpack did in the tutorial. That was easy because the bundling starts from entry points which are nothing else than JS files. My case was simple - each entry point was a single JS file. Unfortunately, that is not a common scenario. It often happens that one page depends on multiple JS scripts. Can webpack handle it?
Full-stack dev quiz question #37
Beauty of a website is in styles. Thirty seventh question is about stylesheets.
Tutorial for webpack 4 - part 06 - SCSS
Although we already know how to bundle CSS files, many projects use more advanced solutions like SASS with SCSS files. That is not a problem - a proper loader for webpack solves this issue.
Tutorial for webpack 4 - part 05 - CSS
What would be a web application without styles? Even a small application used on production has defined colors, margins, fonts etc. I have to take them into consideration when bundling it with webpack. This time I will add CSS file to the package.