diff --git a/extension/build.mjs b/extension/build.mjs
index 9bfe5461..244e7854 100644
--- a/extension/build.mjs
+++ b/extension/build.mjs
@@ -3,15 +3,20 @@ import * as esbuild from 'esbuild';
 await esbuild.build({
   entryPoints: [
     { out: 'background.bundle', in: 'src/background/index.ts' },
-    { out: 'remote.bundle', in: 'src/remote/index.tsx' },
+    { out: 'options.bundle', in: 'src/options/index.tsx' },
     { out: 'window.bundle', in: 'src/window/index.tsx' },
+    { out: 'remote.bundle', in: 'src/remote/index.tsx' },
+    { out: 'devpanel.bundle', in: 'src/devpanel/index.tsx' },
+    { out: 'devtools.bundle', in: 'src/devtools/index.ts' },
+    { out: 'content.bundle', in: 'src/contentScript/index.ts' },
+    { out: 'page.bundle', in: 'src/pageScript/index.ts' },
   ],
   bundle: true,
-  minify: true,
+  logLevel: 'info',
   outdir: 'dist',
+  minify: true,
   loader: {
     '.pug': 'empty',
     '.woff2': 'file',
   },
-  logLevel: 'info',
 });
diff --git a/extension/src/contentScript/index.ts b/extension/src/contentScript/index.ts
index 287ce228..8f77d3fe 100644
--- a/extension/src/contentScript/index.ts
+++ b/extension/src/contentScript/index.ts
@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import {
   injectOptions,
   getOptionsFromBg,
diff --git a/extension/src/devpanel/index.tsx b/extension/src/devpanel/index.tsx
index 3c132940..a05af907 100644
--- a/extension/src/devpanel/index.tsx
+++ b/extension/src/devpanel/index.tsx
@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import React, { CSSProperties, ReactNode } from 'react';
 import { createRoot, Root } from 'react-dom/client';
 import { Provider } from 'react-redux';
diff --git a/extension/src/devtools/index.ts b/extension/src/devtools/index.ts
index b72ecaa4..41e098b8 100644
--- a/extension/src/devtools/index.ts
+++ b/extension/src/devtools/index.ts
@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import './devtools.pug';
 
 function createPanel(url: string) {
diff --git a/extension/src/options/index.tsx b/extension/src/options/index.tsx
index 181fa1b1..eba99951 100644
--- a/extension/src/options/index.tsx
+++ b/extension/src/options/index.tsx
@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import OptionsComponent from './Options';
diff --git a/extension/src/pageScript/index.ts b/extension/src/pageScript/index.ts
index b9b4b029..9b03796a 100644
--- a/extension/src/pageScript/index.ts
+++ b/extension/src/pageScript/index.ts
@@ -1,3 +1,4 @@
+import '../chromeApiMock';
 import {
   ActionCreatorObject,
   evalAction,