后台(Background)

Chrome扩展使用服务工作者在后台监听Chrome API事件。

在清单的background.service_worker下为您的扩展添加一个服务工作者。CRXJS使用模块类型的服务工作者,因为Vite使用ES模块格式。

manifest.config.ts
import { defineManifest } from '@crxjs/vite-plugin'

export default defineManifest({
  manifest_version: 3,
  name: 'CRXJS-guide',
  version: '1.0.0',
  action: {
    default_popup: 'index.html',
  },
  background: {
    service_worker: 'src/background.ts',
    type: 'module',
  },
})

在开发期间,CRXJS从Vite开发服务器加载服务工作者,当Vite检测到后台代码更改时,HMR会导致整个扩展重新加载。