ES6 모듈을 Chrome 확장 콘텐츠 스크립트로 어떻게 가져올 수 있나요?

Chrome 확장 프로그램용 콘텐츠 스크립트에서 ES6 모듈을 가져오는 방법

배경

Chrome 61에서는 JavaScript 모듈에 대한 지원이 도입되었습니다. 이 질문은 2018년에 제출되었으므로 현재 Chrome 버전은 훨씬 더 최신 버전이므로 제안 사항이 잠재적으로 오래되었습니다. 따라서 이 기사에서는 당면한 문제에 대한 최신 솔루션을 살펴봅니다.

현재 접근 방식

ES 모듈용 비동기 동적 import() 함수

이 방법을 사용하면 신뢰할 수 있는 소스에서 모듈을 가져오고 초기 콘텐츠 스크립트의 전역 변수 및 기능에 대한 액세스를 유지합니다. 그러나 Chrome의 알려진 문제로 인해 웹사이트의 서비스 워커에 의해 차단될 수 있습니다.

일반적인 비모듈 스크립트에 대한 동기식 "가져오기" 해결 방법

이 방법 비모듈 스크립트를 활용하고 "content_scripts"의 "js" 배열에 해당 이름을 추가한 다음 전역 변수/함수를 참조합니다.

추가 정보

• Chrome 확장 프로그램으로 ES6 "가져오기"를 사용하는 방법: https://stackoverflow.com/questions/48277565/how-to-import-es6- module-in-content-script-for-chrome-extension
• Chrome에서 ES6 가져오기 작업 예시 확장 프로그램: https://github.com/TheSavior/chrome-extension-es6-tips
• chrome.runtime.getURL: https://developer.chrome.com/docs/extensions/reference/runtime/# 메소드-getURL

위 내용은 ES6 모듈을 Chrome 확장 콘텐츠 스크립트로 어떻게 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!