webpack.config.js

const path = require("path");

module.exports = async (_env, argv) => {
  const isDevelopment = argv.mode === "development";
  const devtool = isDevelopment ? { devtool: "inline-source-map" } : {};
  const sourceMapsLoader = isDevelopment
    ? [
        {
          test: /\.js$/,
          enforce: "pre",
          use: ["source-map-loader"],
        },
      ]
    : [];

  const baseConfig = {
    ...devtool,
    output: {
      path: path.resolve(__dirname, "./dist"),
      filename: "[name].js",
      libraryTarget: "umd",
      globalObject: "globalThis",
    },
    performance: {
      maxEntrypointSize: 1024 * 1024 * 2,
      maxAssetSize: 1024 * 1024 * 2,
    },
    ignoreWarnings: [/Failed to parse source map/],
    module: {
      rules: [
        ...sourceMapsLoader,
        {
          test: /\.tsx?$/,
          use: [
            {
              loader: "ts-loader",
              options: {
                compilerOptions: {
                  sourceMap: false,
                },
              },
            },
          ],
        },
        {
          test: /\.css$/,
          use: ["style-loader", "css-loader"],
        },
        {
          test: /\.html$/,
          type: "asset/source",
        },
      ],
    },
    resolve: {
      extensions: [".tsx", ".ts", ".js", ".jsx"],
      modules: [path.resolve("./node_modules"), path.resolve("./src")],
    },
  };

  return [
    {
      ...baseConfig,
      name: "extension",
      target: "node",
      entry: {
        extension: "./src/extension/index.ts",
      },
      externals: {
        vscode: "commonjs vscode",
      },
      externalsPresets: {
        node: true,
      },
    },
    {
      ...baseConfig,
      name: "webview",
      target: "web",
      entry: {
        webview: "./src/webview/index.ts",
      },
      resolve: {
        ...baseConfig.resolve,
        fallback: {
          fs: false,
        },
      },
    },
  ];
};