What is the purpose of differential loading in CLI?

From Angular8 release onwards, the applications are built using differential loading strategy from CLI to build two separate bundles as part of your deployed application.

1. The first build contains ES2015 syntax which takes the advantage of built-in support in modern browsers, ships less polyfills, and results in a smaller bundle size.
2. The second build contains old ES5 syntax to support older browsers with all necessary polyfills. But this results in a larger bundle size.

Note: This strategy is used to support multiple browsers but it only load the code that the browser needs.

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

Related Questions & Answers

• Any way to replace characters on Swift String?
• Publish author posts only with editor approval?
• How to deprecate a function used in a plugin?
• How to make a Random color generator Background in Flutter?
• How to layout a list of cards with various height?
• How to mock React component methods with jest and enzyme
• Sticky Posts exceed posts per page limit
• WordPress multisite rewrite rules in Nginx
• What are props?
• What are custom directives?
• Need to call parent to re-render component in ReactJS?
• How to limit the number of posts that WP_Query gets?
• How to hide FloatingActionButton on ListView in Flutter?
• Using Interceptor in Dio for Flutter to Refresh Token
• How to set focus on input after render in React?