Angle8이 ie10+ 버전과 어떻게 호환되는지에 대한 간략한 설명

이 글에서는 Angle8을 ie10 이상과 호환되게 만드는 방법을 소개합니다(win10이 내장 브라우저와 호환되는 경우). 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

관련 권장사항: "angular tutorial"

1.pollyfills.ts 다음 두 줄을 추가하세요

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

2.tsconfig.json 대상이 es2015

로 변경되었습니다.

기본값 이 경우 이전 브라우저(예: IE 9-11)는 무시되고 해당 컴파일 대상은 ES2015로 설정됩니다. 결과적으로 차등 로딩이 활성화된 두 개의 릴리스 패키지가 생성됩니다. ES2015를 지원하지 않는 브라우저를 모두 무시하면 하나의 버전만 생성됩니다. 다양한 구성에서 차등 로딩의 빌드 결과를 이해하려면 아래 표를 참조하십시오.

3.browserslist, 프로젝트에 browserslist가 없으면 새 목록을 만들고 텍스트 모드를 선택한 후 다음 코드를 추가하세요.

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

4 새 파일을 만듭니다. es5의 경우 tsconfig.app.json

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

5을 상속하고 다음 두 줄을 추가합니다

6. =es5

드디어 ie10과 ie11에서 내부 프로젝트 주소를 방문하면 인터페이스를 볼 수 있습니다! ! ! !

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 Angle8이 ie10+ 버전과 어떻게 호환되는지에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!