Targeting Different Browsers for background scripts

[RayGuo-ergou]

Hi, my extension will both have chrome version and firefox version where chrome version is just a small set of the firefox version, so I don't want to include everything inside background script in the chrome version. I have tried this:

import { chrome } from './chrome-only';
import { firefox } from './firefox-only';
import { mv2 } from './mv2-only';
import { mv3 } from './mv3-only';

export default defineBackground(() => {
  log('Hello background!', { id: browser.runtime.id });
  if (import.meta.env.MANIFEST_VERSION === 2) {
    mv2();
  }
  if (import.meta.env.MANIFEST_VERSION === 3) {
    mv3();
  }
  if (import.meta.env.CHROME) {
    chrome();
  }
  if (import.meta.env.FIREFOX) {
    firefox();
  }
});

but the bundled code for chrome still have everything, I known i can use the code below inside the manifest option within wxt.config.ts with two background script background-firefox and background-chrome:

    if (browser === 'chrome') {
      manifest.background_page = 'background-chrome';
    }

but just wondering is there an easy way to do this.

Thanks in advance.

[RayGuo-ergou]

Doing this for now

    'entrypoints:found': (wxt, entrypoints) => {
      const browser = wxt.config.browser;

      for (let i = 0; i < entrypoints.length; i++) {
        const entrypoint = entrypoints[i]!;
        const path = entrypoint.inputPath;

        const backgroundMatch = (path.includes('background-firefox') && browser === 'firefox') ||
          (path.includes('background-chrome') && browser === 'chrome');
        if (backgroundMatch) {
          // Overrid the type to background so it can generate the manifest correctly
          entrypoint.type = 'background';
        }
      }
    },