Angular在IE瀏覽器下的配置

Angular在IE瀏覽器下的配置

Angular自身是以新瀏覽器平臺爲主要目標的，默認沒有設置對IE的支持，需要手動進行設置。

1.tsconfig.json

tsconfig.json文件中有一項需要特別注意

"target": "es5"

如果使用es2015，IE瀏覽器就會報出Syntax Error，原因是所有IE版本都不支持ES2015（ES6）。通常IE版本（除IE8以外）都支持ES5，IE8僅支持ES3。

2. src/polyfills.ts

polyfills.ts文件中有這一行

/** IE9, IE10 and IE11 requires all of the following polyfills. **/

其下所有js依賴都需要引入

import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';

除去這些依賴，Angular還有IE下對SVG元素的支持，animation依賴包，以及針對IE8-IE10的管道數據支持，這些都需要手動取消註釋，將其引入。