webpack.config.js

// This is the webpack which builds our extension in the 'dist' folder.
const path = require('path');

const autoprefixer = require('autoprefixer');
const outputPath = path.join(__dirname, 'dist');

const baseConfig = {
  devtool: 'source-map'
  // performance: {
  //   hints: false
  // }
};

const extensionConfig = {
  ...baseConfig,
  output: {
    path: outputPath,
    filename: '[name].js',
    libraryTarget: 'commonjs2',
    devtoolModuleFilenameTemplate: '../[resource-path]'
  },
  target: 'node',
  entry: {
    extension: './src/extension.ts'
  },
  resolve: {
    extensions: ['.js', '.ts', '.json']
  },
  externals: {
    // The vscode-module is created on-the-fly and must be excluded.
    vscode: 'commonjs vscode',
    // Currently connection-model has a keytar dependency, vscode provides its
    // own keytar dependency. Here we are telling it to use vscode's keytar.
    keytar: 'keytar',
    electron: 'electron'
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        loader: 'ts-loader',
        exclude: /node_modules/,
        options: {}
      },
      {
        test: /\.node$/,
        loader: 'node-loader'
      }
    ]
  }
};

const languageServerConfig = {
  ...baseConfig,
  output: {
    path: outputPath,
    filename: '[name].js',
    libraryTarget: 'commonjs2',
    devtoolModuleFilenameTemplate: '../[resource-path]'
  },
  target: 'node',
  entry: {
    languageServer: './src/language/server.ts'
  },
  optimization: {
    // Don't minimize in order to preserve
    // the signature names from @mongosh/shell-api.
    minimize: false
  },
  resolve: {
    extensions: ['.js', '.ts', '.json']
  },
  externals: {
    // The vscode-module is created on-the-fly and must be excluded.
    vscode: 'commonjs vscode'
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        loader: 'ts-loader',
        exclude: /node_modules/,
        options: {}
      },
      {
        test: /\.node$/,
        loader: 'node-loader'
      }
    ]
  }
};

const languageServerWorkerConfig = {
  ...baseConfig,
  output: {
    path: outputPath,
    filename: '[name].js',
    libraryTarget: 'commonjs2',
    devtoolModuleFilenameTemplate: '../[resource-path]'
  },
  target: 'node',
  entry: {
    languageServerWorker: './src/language/worker.ts'
  },
  optimization: {
    // Don't minimize in order to preserve
    // the signature names from @mongosh/shell-api.
    minimize: false
  },
  resolve: {
    extensions: ['.js', '.ts', '.json']
  },
  externals: {
    // The vscode-module is created on-the-fly and must be excluded.
    vscode: 'commonjs vscode'
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        loader: 'ts-loader',
        exclude: /node_modules/,
        options: {}
      },
      {
        test: /\.node$/,
        loader: 'node-loader'
      }
    ]
  }
};

const webviewConfig = {
  ...baseConfig,
  output: {
    path: outputPath,
    filename: '[name].js',
    devtoolModuleFilenameTemplate: '../[resource-path]'
  },
  target: 'web',
  entry: {
    webviewApp: './src/views/webview-app/index.tsx'
  },
  resolve: {
    extensions: ['.js', '.ts', '.tsx', '.json']
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        loader: 'ts-loader',
        exclude: /node_modules/,
        options: {}
      },
      {
        test: /\.less$/,
        exclude: [/\.global/, /bootstrap/, /node_modules/, /global\.less/],
        use: [
          { loader: 'style-loader' },
          {
            loader: 'css-loader',
            options: {
              modules: true,
              importLoaders: 1
            }
          },
          {
            loader: 'postcss-loader',
            options: {
              // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
              plugins: function () {
                return [autoprefixer()];
              }
            }
          },
          {
            loader: 'less-loader',
            options: {
              noIeCompat: true
            }
          }
        ]
      }
    ]
  }
};

module.exports = [
  extensionConfig,
  languageServerConfig,
  languageServerWorkerConfig,
  webviewConfig
];