Webpack is notorious for being tricky to configure correctly. In this course you'll master each major feature of Webpack and learn how to optimize it for your own app. Webpack has a wealth of fancy features, but each requires in depth knowledge of how they work. This course is the most comprehensive Webpack course you'll find online, and the only full course on the popular version 4 edition of Webpack. Webpack is a free and open-source module bundler for JavaScript. It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders are included. Webpack takes modules with dependencies and generates static assets representing those modules.

Webpack is a popular module bundling system built on top of Node. js. It can handle not only combination and minification of JavaScript and CSS files, but also other assets such as image files (spriting) through the use of plugins.

npm is the default package manager for JavaScript. It is a huge registry of packages for all kind of JS development. It is highly unlikely that you will not need it. Webpack is a module bundler.

Understanding Webpack (in my opinion) is going to make your web apps a lot easier to optimize for web performance. This is especially true if you have joined the React train (many top React developers have contributed to Webpack), and if you want to be able to control your bundling (as opposed to create-react-app).