
Welcome to this course
Why we need a tool such as Webpack ?
What is Webpack
What is modular approach
How modules are added to dependency graph
What YARN is and what it does
Set up environment by installing NodeJS and YARN
Run first Webpack command
Export and require modules
Download jQuery with YARN and use it
Configure Webpack through config file
Exercise
Exercise
Solution
Solution
Understand File and URL loader
Use File and URL loader to load inlined images
Why we need to code splitting
How to set up multiple entry points
How to set up multiple entry points
CSS code splitting
How to better organise web applications folder structure
Extra vendor code to separate .js file
How to use the provide plugin to expose a module with different names
Webpack by far the best and greatest tool for front end development. It is a module bundler suitable for both large or small single-page web applications.
In this course you will fully understand and master all the aspects you need to know about this awesome tool. You will learn all the different configuration options allowing you customise Webpack to work the way you want for your own projects.
This is the most detailed course on Webpack ever created. You will learn both Webpack 1 and 2, so that you understand the key differences between the versions.
The topics you will are: