淺談angular8相容ie10+版本的方法

本篇文章跟大家介紹angular8相容ie10及其以上版本的方法（win10的話相容自帶的瀏覽器）。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

相關推薦：《angular教學》

1.pollyfills.ts加入下面兩行

import 'classlist.js'; // npm install --save classlist.js
import 'web-animations-js'; // npm install --save web-animations-js

2.tsconfig.json  target改成es2015

預設情況下，會忽略老式瀏覽器（如IE 9-11），其編譯目標設定為ES2015。結果就會產生兩個發布包，並啟用差異化載入。如果忽略全部不支援 ES2015 的瀏覽器，就只會產生一個版本。若要了解不同配置下差異化載入的建置結果，請參考下表。

3.browserslist,如果專案中沒有browserslist就新建一個，選擇text模式，新增如下程式碼：

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

#4.在根目錄新建檔案tsconfig.app.es5.json，將target改為es5,繼承tsconfig.app.json

{
  "extends": "./tsconfig.app.json",
  "compilerOptions": {
    "target": "es5"
  }
}

5.設定angular.json，新增下面兩行

6.運行ng serve -c=es5

##最後在ie10和ie11裡面訪問你的專案地址，就可以看到介面了！ ！ ！ ！

更多程式相關知識，請造訪：

程式設計影片！ ！

以上是淺談angular8相容ie10+版本的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！