LWC에 라이브러리 붙이기

HEP·2023년 2월 27일
0

# LWC에 직접 라이브러리 임포트

  1. static resource에 타사 라이브러리 업로드하고 import하기
    import myLib from '@salesforce/resourceUrl/myLib';

  2. platformResourceLoader 모듈에서 메서드 가져오기
    import {loadScript, loadStyle} from 'lightning/platformResourceLoader';

  3. LWC에 DOM이 수동으로 삽입되었음을 알린다
    <div lwc:dom="manual> //

  4. 라이브러리 로드하고 then에서 함수 호출

    loadScript(this, myLib + '/myLib.js').then(() => {
        let result = myLib.myFunction(2,2);
    });

단, LWC에서 사용하는 라이브러리는 Lightning Locker 요구사항을 충족해야 한다.

# Visualforce를 통해 라이브러리를 붙이고 LWC에서 VF 호출하기

(Lightning Locker 요구사항을 충족하지 못했을 경우)
LWS에서 같은 Origin Property 에 한해서 iframe Content 접근에 대한 권한을 허용하기 때문에
event msg

profile
셀포합니다

0개의 댓글