fix: build error

Author: barretlee

extension/content/main.js

@@ -1,6 +1,6 @@
 (async function bootstrap() {
   try {
-    const { init } = await import(chrome.runtime.getURL('content/app.js'));
+    const { init } = await import(/* webpackIgnore: true */ chrome.runtime.getURL('content/app.js'));
     init();
   } catch (error) {
     console.error('[SpeedMaster] Failed to initialize:', error);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "speedmaster-extension",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "type": "module",
   "scripts": {

webpack.config.js

@@ -1,11 +1,14 @@
+import fs from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import CopyWebpackPlugin from 'copy-webpack-plugin';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+const pkg = JSON.parse(fs.readFileSync(new URL('./package.json', import.meta.url), 'utf-8'));
+const PACKAGE_VERSION = process.env.npm_package_version || pkg.version;
 
-const entries = {
+const rawEntries = {
   background: './extension/background.js',
   'content/app': './extension/content/app.js',
   'content/main': './extension/content/main.js',
@@ -16,6 +19,16 @@ const entries = {
   'options/options': './extension/options/options.js'
 };
 
+const moduleEntries = new Set(['content/app']);
+const entries = Object.fromEntries(
+  Object.entries(rawEntries).map(([name, entryPath]) => {
+    if (moduleEntries.has(name)) {
+      return [name, { import: entryPath, library: { type: 'module' } }];
+    }
+    return [name, entryPath];
+  })
+);
+
 export default (env, argv) => {
   const mode = argv.mode || 'production';
   return {
@@ -46,7 +59,15 @@ export default (env, argv) => {
     plugins: [
       new CopyWebpackPlugin({
         patterns: [
-          { from: 'extension/manifest.json', to: '.' },
+          {
+            from: 'extension/manifest.json',
+            to: '.',
+            transform(content) {
+              const manifest = JSON.parse(content.toString('utf-8'));
+              manifest.version = PACKAGE_VERSION;
+              return JSON.stringify(manifest, null, 2).concat('\n');
+            }
+          },
           { from: 'extension/assets', to: 'assets' },
           { from: 'extension/content/controller.css', to: 'content/controller.css' },
           { from: 'extension/popup/index.html', to: 'popup/index.html' },
@@ -59,6 +80,9 @@ export default (env, argv) => {
     resolve: {
       extensions: ['.js']
     },
+    experiments: {
+      outputModule: true
+    },
     devtool: mode === 'production' ? false : 'source-map',
     watch: Boolean(argv.watch)
   };