I would like to know the difference between the "development" and "production" modes within Webpack4.
I would like to know the difference between the "development" and "production" modes within Webpack4.
The development
mode is used - as the name suggests - for development reasons. You have source maps
of your code and a greater ease at the time of debugging, and your code is also not minified, which reduces compile time
In production
, on the other hand, it runs at the production level, which means that this is the final code that goes to the server. This mode runs uglify
, which mini- mizes your files intelligently so the browser can read quickly and efficiently.
And compile your source files into one or more minimized files. Also extracts CSS and images and of course any other fonts that you are loading with the Webpack.
What specifically separates production from development depends on your preferences and requirements, which means that it depends a lot on what you write in your Webpack configuration.