성능 향상을 위해 구성요소 최적화(축소)

구성요소 최적화

구성요소 소스 코드 최적화(선택사항)의 예로 Sample-Text-With-Image 구성요소가 제공됩니다. RequireJS 최적기를 사용하여 소스 코드를 축소하고 결합할 수 있습니다. 구성요소를 축소하면 JavaScript 코드에 불필요한 공간이 제거되어 성능을 향상하고 다운로드 크기를 줄일 수 있습니다. 최적화에는 다음 작업이 관여합니다.

• JavaScript 축소

• CSS 압축

• JavaScript, HTML 및 CSS를 단일 파일 render.js로 결합

이 최적화는 다운로드 크기를 줄이고 성능을 향상시킵니다.

구성요소에 대해 최적화 사용으로 설정

Sample-Text-With-Image 구성요소에서 최적화는 render.js에 종속성으로 표시된 모든 파일(template.html, data-defaults.js, design.css)을 축소하고 단일 파일로 render.js에 결합합니다. 이미 최적화를 지원하는 다른 구성요소는 다음과 같습니다.

• Sample-Folder-List

• Sample-File-List

• Sample-Documents-Manager

• Sample-Process-Start-Form

• Sample-Process-Task-List

• Sample-Process-Task-Details

구성요소에 대해 최적화를 사용으로 설정하려면 다음 단계를 따르십시오(필수).

1. Sample-Text-With-Image 구성요소의 gulpfile.js를 해당 구성요소로 복사합니다.

2. render.js 종속성을 위해 gulpfile.js의 모듈 이름을 수정합니다. gulpfile.js의 주석을 참조합니다.