Make two webpack configurations

Author: walles

webpack.config.js

@@ -8,51 +8,68 @@
 const path = require('path')
 const webpack = require('webpack')
 
-/**@type {import('webpack').Configuration}*/
-const config = {
-  target: 'node', // "webworker" for web or "node" for desktop
+{
+  require.resolve('assert')
+}
+
+/** @typedef {import('webpack').Configuration} WebpackConfig **/
+
+function createExtensionConfig ({ target, output, plugins }) {
+  return {
+    target,
+    entry: './src/extension.ts',
+    output,
+    devtool: 'source-map',
+    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/
+    },
+    resolve: {
+      mainFields: ['browser', 'module', 'main'],
+      extensions: ['.ts'],
+      alias: {},
+      fallback: {}
+    },
+    module: {
+      rules: [
+        {
+          test: /\.ts$/,
+          exclude: /node_modules/,
+          use: [
+            {
+              loader: 'ts-loader'
+            }
+          ]
+        }
+      ]
+    },
+    plugins: plugins || []
+  }
+}
 
-  entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
+const nodeExtensionConfig = createExtensionConfig({
+  target: 'node',
   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',
     devtoolModuleFilenameTemplate: '../[resource-path]'
   },
-  devtool: 'source-map',
-  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/
-  },
-  resolve: {
-    // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
-    mainFields: ['browser', 'module', 'main'], // look for `browser` entry point in imported node modules
-    extensions: ['.ts'],
-    alias: {
-      // provides alternate implementation for node module and source files
-    },
-    fallback: {
-      // Webpack 5 no longer polyfills Node.js core modules automatically.
-      // see https://webpack.js.org/configuration/resolve/#resolvefallback
-      // for the list of Node.js core module polyfills.
-      path: false,
-      child_process: false,
-      util: false
-      // add other Node.js modules as needed
-    }
+  plugins: []
+})
+
+const webExtensionConfig = createExtensionConfig({
+  target: 'webworker',
+  output: {
+    filename: '[name].js',
+    path: path.join(__dirname, './dist/web'),
+    libraryTarget: 'commonjs',
+    devtoolModuleFilenameTemplate: '../../[resource-path]'
   },
-  module: {
-    rules: [
-      {
-        test: /\.ts$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: 'ts-loader'
-          }
-        ]
-      }
-    ]
-  }
-}
-module.exports = config
+  plugins: [
+    new webpack.ProvidePlugin({
+      process: 'process/browser'
+    })
+  ]
+})
+
+module.exports = [webExtensionConfig, nodeExtensionConfig]