비즈니스에 써드파티 라이브러리가 필요할 수 있습니다.
프로시저
- 써드파티 라이브러리를 사용할 화면을 확장하십시오. 화면을 확장하는 방법에 대한 지침은 애플리케이션에서 제공하는 화면 수정하기를 참조하십시오.
- <store-temp>/extensions/features/<featureName>/src/assets 폴더로 이동하여 <featureName>/scripts 서브폴더를 작성하십시오.
- <store-temp>/extensions/features/<featureName>/src/assets/<featureName>/scripts 폴더에 써드파티 스크립트를 복사하십시오.
- 써드파티 라이브러리를 사용할 각도 컴포넌트의 component.ts 파일을 수정하고 생성자에서 다음 샘플 코드를 추가하십시오.
constructor(
) {
const dynamicScripts = [
{'scriptPath': AppInfoUtil.getWARModeExtensionAssetBaseUrl() + '/assets/ /scripts/custom-lib-min.js','id': 'customScipt'}];
for (let i = 0; i < dynamicScripts.length; i++) {
if (document.getElementById(dynamicScripts[i].id) === null) {
const node = document.createElement('script');
node.src = dynamicScripts[i].scriptPath;
node.type = 'text/javascript';
node.async = false;
node.charset = 'utf-8';
document.getElementsByTagName('head')[0].appendChild(node);
}
}
}
- 대체 방법
- 주어진 절차가 비즈니스 사례에 적합하지 않은 경우 다음 대체 절차를 시도해 보세요.
- 프로젝트 디렉터리에서 다음 명령을 사용하여 원하는 타사 라이브러리를 npm 패키지로 직접 설치합니다.
- <도서관 이름>의 값을 추가하려는 라이브러리의 이름으로 바꿉니다.
npm install <library-name>
