Angular Cli로 PrimeNg 라이브러리의 크기 줄이기

Question

PrimeNg는 많은 구성 요소가 포함 된 큰 라이브러리입니다. 내 각형 응용 프로그램은 그것 밖으로 몇 가지 구성 요소를 사용하고 있습니다. 그리고이 응용 프로그램을 빌드 할 때 AngularCLI를 사용하고 있습니다. 빌드 할 때 vendor.bundle에는 primeng 라이브러리의 전체 내용이 있습니다. 이것은 거대한 크기의 번들 크기 (~ 4MB)를 만듭니다.

전체 라이브러리 대신 필요한 구성 요소 만 어떻게 포함 할 수 있습니까?

Answer 1

는 일반적으로 우리는 다음과 같은 구문

import {DataTableModule,SharedModule} from 'primeng/primeng';

우리는이 일반적인 네임 스페이스를 참조하여 PrimeNg 구성 요소를 가져, 그것은에서 당겨, vendor.bundle.js이 대신

의 전체 라이브러리를 가져옵니다 import { DataTableModule, } from 'primeng/components/datatable/datatable'; import { SharedModule } from 'primeng/components/common/shared';

이것은 참조 된 구성 요소 (+ 의존성) 만 vendor.bundle.js에 포함합니다.

관련 경로를 찾으려면 PrimeNg 코드 (https://github.com/primefaces/primeng)를 다운로드하고 "primeng.d.ts"파일에 나열된 구성 요소 목록을 확인하십시오.