Webpack Rich Example

This is an example of webpack usage with many plugins and loaders:

CODES ARE FULLY COMMENTED, USE Better Comments Extension FOR BETTER COMMENT LEARNING

How It Works?

• By starting task first prettier will reformat your code using prettier-loader for webpack
• then eslint will run using webpack eslint plugin to help you improve and fix your code
• after that webpack will compile your code to browser js and also babel loader comes up to make it compatible with difrent browsers

This is just a learning project that i uploaded for beginners to learn how to start with web pack BUT in this project you can what ever you want to know to start with webpack Like: Loading Styles AND Images AND Fonts in a js file

Make It Bigger

help the biginers start better by helping develop this project

Running Code

clone and extract it to a path

> cd [Project Path]
> yarn add
> yarn run build (to build project)
> yarn run watch (to run dev server)

Happy Coding Guys <3