Learn Webpack For Production - Part 3 ( Final Part )

#javascript #es6 #react #mernstack #vitejs #webpack

In this video, you will learn the following things:

- How to create separate configuration files for development and production environments
- How to use different environment variables for different environments
- How to hide your application source code from getting displayed in the sources tab of devtools
- How to optimize your application for production
- How to extract CSS from the final application bundle file
- How to deploy the application to production
- How to run post-processing scripts after the build

and much more.

Tags 🔖

Do subscribe to the channel and press the bell icon to receive all future notifications.

[codingmastery_dev]

If you found this video useful, do like the video to reach a wider audience🎉. Also, don't forget to subscribe to the channel and enable notifications so you won't miss my upcoming video.🔥

[joemathan]

As always, a good in-depth video on webpack. Now we were able to understand each and every corner of webpack concepts and its usage without need to memorize the code. It helps a lot to setup the code from scratch using webpack. It helps both from development and for an interview perspective. waiting for more in-depth concepts on various frontend tooling and frameworks. Keeping doing your work. you are the best!!!

If possible, pls post a video once in every two days :)

[saitejagatadi]

hi sir,

Also if possible, upload a video on CI CD deployment of a react app

[joemathan]

Could you please let me know, whether its fine to mention mode as production to do tree shaking or do we need to add 'sideeffects' explicitly to do Tree shaking for prod build?

Because, Tree shaking is one of the core concepts and most frequently asked interview questions for webpack

[Rpsn-mr]

When i run the build i am getting "The syntax of the command is incorrect."
For widows user: use copyfiles npm to copy that redirect files (if cp or copy command not works)