Angular 13. 새로운 기능

Angular 13의 새로운 기능


lucaspaganini.com에서 이 기사 및 다른 많은 기사를 참조하십시오.

Angular 13이 최근에 출시되었습니다. 제가 생각하기에 가장 관련성이 높은 변경 사항을 말씀드리겠습니다.

캐시 구축

이제 빌드를 캐시할 수 있으므로 모듈이 변경되지 않은 경우 Angular가 다시 빌드할 필요가 없습니다. 그것만으로도 빌드 속도가 약 68% 향상됩니다.

{
  "cli": {
    "cache": {
      "enabled": true,
      "path": ".angular/cache",
      "environment": "all"
    }
  }
}

TestBed는 각 후 파괴

이제 Angular가 각 테스트 후에 분해 작업을 더 잘 수행하기 때문에 테스트가 더 빨라졌습니다. 그것은 내 코드베이스에 일부 경합 조건을 도입했기 때문에 이를 꺼야 했습니다. 안정되려면 몇 주가 필요하다고 말하고 싶습니다.

getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting(),
  { teardown: { destroyAfterEach: false } }
);

Internet Explorer 11에 대한 지원 중단

마지막으로 Angular가 CSS 변수와 같은 최신 브라우저 기능을 활용할 수 있도록 하는 Internet Explorer 11에 대한 지원을 중단합니다.

종속성 업데이트

TypeScript 4.4 및 RxJS 7.4가 이제 지원됩니다! RxJS 7에서 비디오를 만들었고 링크는 설명에 있습니다.

구성 요소를 동적으로 생성

구성 요소를 동적으로 생성하는 경우 희소식입니다. 더 이상 구성 요소 팩터리가 필요하지 않습니다. 그냥 사용하십시오ViewContainerRef.createComponent.

const componentFactory =
  componentFactoryResolver.resolveComponentFactory(Component);

const componentRef = componentFactory.create(injector);

viewContainer.insert(componentRef.hostView);

const componentRef = viewContainer.createComponent(Component);

결론

참조는 아래에 있습니다. 웹 개발에 관심이 있다면 구독하고 좋은 하루 보내세요.

참조

Angular v13 is now available

Internet Explorer 11 support deprecation and removal

Advantages of Dropping Support for Internet Explorer 11