webpack.dev.js

/* eslint-disable @typescript-eslint/naming-convention */
//@ts-check

"use strict";

//@ts-check
/** @typedef {import('webpack').Configuration} WebpackConfig **/

const { merge } = require("webpack-merge");
const CopyPlugin = require("copy-webpack-plugin");
const common = require("./webpack.common.js");

/** @type WebpackConfig */
const extensionConfig = merge(common[0], {
  mode: "none", // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
  devtool: 'nosources-source-map', // create a source map that points to the original source file
  // plugins: [
  //   new webpack.SourceMapDevToolPlugin({
  //     filename: '[file].map[query]',
  //     sourceRoot: 'extension'
  //   })
  // ],
  infrastructureLogging: {
    level: "log", // enables logging required for problem matchers
  },
});

/** @type WebpackConfig */
const webExtensionConfig = merge(common[1], {
  mode: "none", // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
  devtool: 'inline-source-map', // create a source map that points to the original source file
  // plugins: [
  //   new webpack.SourceMapDevToolPlugin({
  //     filename: '[file].map[query]',
  //     sourceRoot: 'extension'
  //   })
  // ],
  infrastructureLogging: {
    level: "log", // enables logging required for problem matchers
  }
});

/** @type WebpackConfig */
const webviewConfig = merge(common[2], {
  mode: "none", // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
  devtool: "inline-source-map",
  infrastructureLogging: {
    level: "log", // enables logging required for problem matchers
  },
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: "./node_modules/react/umd/react.development.js", to: "lib/react.js" },
        { from: "./node_modules/react-dom/umd/react-dom.development.js", to: "lib/react-dom.js" },
      ],
    }),
  ],
});

/** @type WebpackConfig */
const lspServerNodeConfig = merge(common[3], {
  mode: "none", // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
  devtool: "inline-source-map",
  infrastructureLogging: {
    level: "log", // enables logging required for problem matchers
  }
});

/** @type WebpackConfig */
const lspServerWebConfig = merge(common[4], {
  mode: "none", // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
  devtool: "inline-source-map",
  infrastructureLogging: {
    level: "log", // enables logging required for problem matchers
  }
});

module.exports = [extensionConfig, webExtensionConfig, webviewConfig, lspServerNodeConfig, lspServerWebConfig];