title: Angular Differential loading - How to generate only one polyfill.js file
body: <p>We just migrated from angular 7 to angular 9. My application targets to larger audience and i need to support legacy browsers like IE-11. Hence i have made the following change in tsconfig.json</p>
  
  <pre><code>{
    "compileOnSave": false,
    "compilerOptions": {
      "outDir": "./dist/out-tsc",
      "sourceMap": true,
      "declaration": false,
      "downlevelIteration": true,
      "module": "esnext",
      "moduleResolution": "node",
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "importHelpers": true,
      "target": "es5",
      "typeRoots": [
        "node_modules/@types"
      ],
      "lib": [
        "es2018",
        "dom"
      ]
    },
    "angularCompilerOptions": {
      "fullTemplateTypeCheck": true,
      "strictInjectionParameters": true
    }
  }
  </code></pre>
  
  <p>The target is set to </p>
  
  <pre><code>"target": "es5",
  </code></pre>
  
  <p>which will target to legacy browsers as mentioned <a href="https://angular.io/guide/deployment#local-development-in-older-browsers" rel="nofollow noreferrer">Here</a> which will generate the build artifacts as folows</p>
  
  <p><a href="https://i.stack.imgur.com/rlxr0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rlxr0.png" alt="enter image description here"></a></p>
  
  <p>But if you see carefully, there are two polyfills that are gernerated,</p>
  
  <pre><code>chunk {2} polyfills.js (polyfills) 46.5 kB [initial] [rendered]
  chunk {3} polyfills-es5.js (polyfills-es5) 129 kB [initial] [rendered]
  </code></pre>
  
  <p>But i want to generate only one polyfill which supports both modern and legacy browsers. <strong>Is there any way to generate only one polyfill (polyfills.js) file like how it used to happen before angular 8+ ?</strong></p>