# NPM에서 ActiveReportsJS 참조

## Content


ActiveReportsJS는 `@grapecity` npm 범위에서 `activereports.*` 패키지와 함께 **npm**에 대해 나타납니다. 여기서 `@grapecity/activereports`는 라이브러리의 패키지를 나타냅니다. 모든 npm 패키지에서처럼 사용하려면 **NodeJS**([https://nodejs.org/en/](https://nodejs.org/en/))가 컴퓨터에 설치되어 있어야 합니다. 

최신 릴리스 버전은 다음 명령을 실행하여 npm에서 설치할 수 있습니다. 

```
`npm install @grapecity/activereports`
```
### @grapecity/activereports 번들의 구조
단일 @grapecity/activereports 패키지는 사용 가능한 모든 모듈을 다음 파일로 번들화합니다.

* rea<span>dme.m</span>d
* lic<span>ense.m</span>d
* package.json
* index.js
* index.d.ts
* dist
    * ar-js-core.js
    * ar-js-html.js
    * ar-js-pdf.js
    * ar-js-viewer.js
    * ar-js-xlsx.js
    * ie-polyfills.js
* styles
    * ar-js-viewer.css
    * dark-yellow.css
    * green.css
    * light-blue.css
* lib
    * node_modules > @grapecity
        * ar-js-html.d.ts
        * ar-js-html.js
        * ar-js-pagereport.d.ts
        * ar-js-pagereport.js
        * ar-js-pdf.d.ts
        * ar-js-pdf.js
        * ar-js-viewer.d.ts
        * ar-js-viewer.js
        * ar-js-xlsx.d.ts
        * ar-js-xlsx.js
        * en-locale.json
        * ie-polyfills.js
    * ar-js-core.d.ts
    * ar-js-html.d.ts
    * ar-js-pdf.d.ts
    * ar-js-viewer.d.ts
    * ar-js-xlsx.d.ts
* core
    * index.js
    * index.d.ts
* viewer
    * index.d.ts
    * index.js
* pdfexport
    * index.d.ts
    * index.js
* xlsxexport
    * index.d.ts
    * index.js
* htmlexport
    * index.d.ts
    * index.js

### @grapecity/activereports 번들 사용
다음과 같이 import 문을 사용하여 ActiveReportsJS 모듈을 아래 모듈로 사용할 수 있습니다. * 모든 모듈을 가져오는 전체 패키지:
  ```javaScript
  import * as arjs from '@grapecity/activereports'; 
  // or...
  import { Viewer, Core, PdfExport} from '@grapecity/activereports';
  ```

* 번들 크기를 줄이기 위한 명시적 모듈:
  ```javaScript
  import * as Core from '@grapecity/activereports/core';
  import { Viewer } from '@grapecity/activereports/viewer';
  ```