webpack.config.js

//@ts-check

'use strict';

const path = require('path');
const {ContextReplacementPlugin} = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');
const webpack = require('webpack');

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

/** @type WebpackConfig */
const extensionConfig = {
   target: 'node', // vscode extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
   mode: 'none', // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
   entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
   output: {
      // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
      path: path.resolve(__dirname, 'dist'),
      filename: 'extension.js',
      libraryTarget: 'commonjs2'
   },
   externals: {
      vscode: 'commonjs vscode', // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
      bufferutil: 'commonjs bufferutil',
      'spawn-sync': 'commonjs spawn-sync',
      'utf-8-validate': 'commonjs utf-8-validate',
      'applicationinsights-native-metrics':
         'applicationinsights-native-metrics',
      '@opentelemetry/tracing': '@opentelemetry/tracing' // modules added here also need to be added in the .vscodeignore file
   },
   plugins: [
      new webpack.IgnorePlugin({resourceRegExp: /^electron$/}),
      new webpack.IgnorePlugin({resourceRegExp: /^\.\/handlebars$/}),
      new ContextReplacementPlugin(/keyv/) // https://stackoverflow.com/questions/59235497/i-get-a-webpack-warning-critical-dependency-the-request-of-a-dependency-is-an-e
   ],
   resolve: {
      // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
      extensions: ['.ts', '.js'],
      alias: {
         handlebars: 'handlebars/dist/handlebars.js'
      }
   },
   module: {
      rules: [
         {
            test: /\.ts$/,
            exclude: /node_modules/,
            use: [
               {
                  loader: 'ts-loader'
               }
            ]
         }
      ]
   },
   optimization: {
      minimizer: [
         new TerserPlugin({
            terserOptions: {
               // Makes stacktraces nice and makes @microsoft/vscode-azext-utils back + exit actually work. That library uses these things to parse errors
               keep_classnames: true,
               keep_fnames: true
            }
         })
      ]
   },
   devtool: 'nosources-source-map',
   infrastructureLogging: {
      level: 'log' // enables logging required for problem matchers
   }
};
module.exports = [extensionConfig];