background.js 에서 third-party libaray 사용하기(in Manifest V3)

Manifest V3 에서는 background.js 파일 하나만 지정 가능하다.

https://developer.chrome.com/docs/extensions/mv3/mv3-migration/#man-sw 에서 module 사용을 가이드하고 있다.

그러나 importScripts 를 사용하는 방법도 있다.

 

아래 chrome extension sample 을 대상으로 테스트 해 보자

https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/functional-samples/tutorial.getting-started

dep.js 생성

background.js 에서 사용할 color 변수가 저장되어 있음

const color = '#3aa757';

 

background.js 수정

importScripts('dep.js')

chrome.runtime.onInstalled.addListener(() => {
  console.log('Default background color set to %cgreen', `color: ${color}`);
});

 

 

참고 자료

https://www.vshsolutions.com/blogs/chrome-extension-manifest-v3-a-migration-guide/