Cleaned up webpack config, thanks to @greengrape

Author: f3bot

webpack-iwa-template/webpack.common.js

@@ -23,13 +23,19 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const mainConfig = {
-    name: "main",
+    name: "main", 
     entry: {
         main: "./src/index.ts",
+        sw: './src/service-worker.ts'
     },
     output: {
-        filename: "[name].bundle.js",
+        filename: (pathData) => {
+            return pathData.chunk.name === 'sw'
+            ? "service-worker.js"
+            : "[name].bundle.js";
+        },
         path: path.resolve(__dirname, "dist"),
+        clean: true,
     },
     plugins: [
         new HtmlWebpackPlugin({
@@ -64,28 +70,4 @@ const mainConfig = {
     },
 };
 
-const serviceWorkerConfig = {
-    name: "service-worker",
-    entry: {
-        "service-worker": path.resolve(__dirname, "src", "service-worker.ts"),
-    },
-    target: "webworker",
-    output: {
-        filename: "service-worker.js",
-        path: path.resolve(__dirname, "dist"),
-    },
-    module: {
-        rules: [
-            {
-                test: /\.tsx?$/,
-                use: "ts-loader",
-                exclude: /node_modules/,
-            },
-        ],
-    },
-    resolve: {
-        extensions: [".ts", ".js"],
-    },
-};
-
-export default [mainConfig, serviceWorkerConfig];
+export default mainConfig;

webpack-iwa-template/webpack.dev.js

@@ -5,7 +5,7 @@
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
- * http://www.apache.org/licenses/LICENSE-2.0
+ *     http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
@@ -15,33 +15,27 @@
  */
 
 import { merge } from "webpack-merge";
-import commonConfigs from "./webpack.common.js";
+import common from "./webpack.common.js";
 import dotenv from "dotenv";
 
 dotenv.config();
 
 const PORT = process.env.PORT;
 
-export default commonConfigs.map((config) => {
-    if (config.target === "webworker") {
-        return merge(config, { mode: "development" });
-    }
-
-    return merge(config, {
-        mode: "development",
-        devtool: "inline-source-map",
-        devServer: {
-            port: PORT || 4321,
-            allowedHosts: "all",
-            client: {
-                webSocketURL: {
-                    protocol: "ws",
-                    hostname: "localhost",
-                    port: PORT || 4321,
-                },
+export default merge(common, {
+    mode: "development",
+    devtool: "inline-source-map",
+    devServer: {
+        port: PORT || 4321,
+        allowedHosts: "all",
+        client: {
+            webSocketURL: {
+                protocol: "ws",
+                hostname: "localhost",
+                port: PORT || 4321,
             },
-            static: "./dist",
-            hot: true,
         },
-    });
-});
+        static: "./dist",
+        hot: true,
+    },
+});

webpack-iwa-template/webpack.prod.js

@@ -5,7 +5,7 @@
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
- * http://www.apache.org/licenses/LICENSE-2.0
+ *     http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
@@ -15,50 +15,35 @@
  */
 
 import { merge } from "webpack-merge";
-import commonConfigs from "./webpack.common.js";
+import common from "./webpack.common.js";
 import WebBundlePlugin from "webbundle-webpack-plugin";
 import { parsePemKey, NodeCryptoSigningStrategy, readPassphrase } from "wbn-sign";
 import dotenv from "dotenv";
 import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
 
 dotenv.config();
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
 const PRIVATE_KEY_PATH = process.env.PRIVATE_KEY_PATH;
 const PRIVATE_KEY_PASSWORD = process.env.PRIVATE_KEY_PASSWORD;
 
 if (!PRIVATE_KEY_PATH) {
     throw Error("Build Failed: Specify PRIVATE_KEY_PATH in your .env file");
 }
 
+//Get the key and decrypt it
 const privateKey = parsePemKey(
     fs.readFileSync(PRIVATE_KEY_PATH),
     PRIVATE_KEY_PASSWORD || (await readPassphrase(PRIVATE_KEY_PATH)),
 );
 
-const prodConfigs = commonConfigs.map((config) =>
-    merge(config, {
-        mode: "production",
-    }),
-);
-
-const webBundleConfig = {
-    name: "webbundle",
-    entry: {},
+export default merge(common, {
     mode: "production",
-    dependencies: ["main", "service-worker"],
     plugins: [
         new WebBundlePlugin({
-            static: { dir: path.resolve(__dirname, "dist") },
             output: "iwa-template.swbn",
             integrityBlockSign: {
                 strategy: new NodeCryptoSigningStrategy(privateKey),
             },
         }),
     ],
-};
-
-export default [...prodConfigs, webBundleConfig];
+});