"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Chrome Extension Content Script에서 ES6 모듈을 성공적으로 가져 오는 방법은 무엇입니까?

Chrome Extension Content Script에서 ES6 모듈을 성공적으로 가져 오는 방법은 무엇입니까?

2025-04-12에 게시되었습니다
검색:111

How Can I Successfully Import ES6 Modules into My Chrome Extension\'s Content Scripts?

솔루션 :

Chrome Extensions는 비동기 동적 import () 함수를 통해 es6 모듈을 지원합니다. const src = chrome.runtime.geturl ( "your/content_main.js"); const contentmain = import (SRC); contentMain.Main (); });

그러나이 방법은 다음과 같은 한계가 있습니다 :

는 웹 사이트의 서비스 작업자가 차단할 수 있습니다. 고려 :

(async () => {
  const src = chrome.runtime.getURL("your/content_main.js");
  const contentMain = await import(src);
  contentMain.main();
})();

    메인 컨텐츠 스크립트 전에 "content_scripts"에 "js"에 이름을 추가합니다.

  • 정보 :
[Chrome Extension과 함께 ES6“가져 오기”를 사용하는 방법] Extension] (https://github.com/browsers-toolbox/es-import-in-extension)

[Chrome.runtime.geturl] (https://developer.chrome.com/extensions/runtime#method-geturl)

    최신 튜토리얼 더>

    부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

    Copyright© 2022 湘ICP备2022001581号-3