angular9 ie瀏覽器支持

配置angular中對ie瀏覽器的支持

angular版本： angular9

使用angular-cli創建angular項目，但是在ie瀏覽器中打開確實空白的頁面。原因

angular默認不支持ie構建，需要處理一下配置

• src\polyfills.ts中取消注釋，同時安裝所需的擴展包

/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js';  // Run `npm install --save classlist.js`.

/**
 * Web Animations `@angular/platform-browser/animations`
 * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
 * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
 */
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

• 打開ie瀏覽器支持browserslist

> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11 # For IE 9-11 support, remove 'not'.

然而，此時在生產環境可以，但是開發環境在ie打開仍是空白，因為開發環境不會將js編譯成es5,需做以下配置：

//tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es5", // es2015修改es5
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}