Convert extension webpack scripts to modules

build/lib/extensions.js

@@ -522,7 +522,7 @@ async function webpackExtensions(taskName, isWatch, webpackConfigLocations) {
     const webpack = require('webpack');
     const webpackConfigs = [];
     for (const { configPath, outputRoot } of webpackConfigLocations) {
-        const configOrFnOrArray = require(configPath);
+        const configOrFnOrArray = require(configPath).default;
         function addConfig(configOrFnOrArray) {
             for (const configOrFn of Array.isArray(configOrFnOrArray) ? configOrFnOrArray : [configOrFnOrArray]) {
                 const config = typeof configOrFn === 'function' ? configOrFn({}, {}) : configOrFn;

build/lib/extensions.ts

@@ -575,7 +575,7 @@ export async function webpackExtensions(taskName: string, isWatch: boolean, webp
 	const webpackConfigs: webpack.Configuration[] = [];
 
 	for (const { configPath, outputRoot } of webpackConfigLocations) {
-		const configOrFnOrArray = require(configPath);
+		const configOrFnOrArray = require(configPath).default;
 		function addConfig(configOrFnOrArray: webpack.Configuration | ((env: unknown, args: unknown) => webpack.Configuration) | webpack.Configuration[]) {
 			for (const configOrFn of Array.isArray(configOrFnOrArray) ? configOrFnOrArray : [configOrFnOrArray]) {
 				const config = typeof configOrFn === 'function' ? configOrFn({}, {}) : configOrFn;
@@ -587,6 +587,7 @@ export async function webpackExtensions(taskName: string, isWatch: boolean, webp
 		}
 		addConfig(configOrFnOrArray);
 	}
+
 	function reporter(fullStats: any) {
 		if (Array.isArray(fullStats.children)) {
 			for (const stats of fullStats.children) {

extensions/configuration-editing/extension-browser.webpack.config.js

@@ -2,16 +2,12 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import path from 'path';
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const path = require('path');
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/configurationEditingMain.ts'
 	},
@@ -20,7 +16,7 @@ module.exports = withBrowserDefaults({
 	},
 	resolve: {
 		alias: {
-			'./node/net': path.resolve(__dirname, 'src', 'browser', 'net'),
+			'./node/net': path.resolve(import.meta.dirname, 'src', 'browser', 'net'),
 		}
 	}
 });

extensions/configuration-editing/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/configurationEditingMain.ts',
 	},

extensions/css-language-features/extension-browser.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-const path = require('path');
-
-module.exports = withBrowserDefaults({
-	context: path.join(__dirname, 'client'),
+export default withBrowserDefaults({
+	context: path.join(import.meta.dirname, 'client'),
 	entry: {
 		extension: './src/browser/cssClientMain.ts'
 	},
 	output: {
 		filename: 'cssClientMain.js',
-		path: path.join(__dirname, 'client', 'dist', 'browser')
+		path: path.join(import.meta.dirname, 'client', 'dist', 'browser')
 	}
 });

extensions/css-language-features/extension.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-const path = require('path');
-
-module.exports = withDefaults({
-	context: path.join(__dirname, 'client'),
+export default withDefaults({
+	context: path.join(import.meta.dirname, 'client'),
 	entry: {
 		extension: './src/node/cssClientMain.ts',
 	},
 	output: {
 		filename: 'cssClientMain.js',
-		path: path.join(__dirname, 'client', 'dist', 'node')
+		path: path.join(import.meta.dirname, 'client', 'dist', 'node')
 	}
 });

extensions/css-language-features/server/extension-browser.webpack.config.js

@@ -2,22 +2,18 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withBrowserDefaults = require('../../shared.webpack.config').browser;
-const path = require('path');
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/browser/cssServerWorkerMain.ts',
 	},
 	output: {
 		filename: 'cssServerMain.js',
-		path: path.join(__dirname, 'dist', 'browser'),
+		path: path.join(import.meta.dirname, 'dist', 'browser'),
 		libraryTarget: 'var',
 		library: 'serverExportVar'
 	}

extensions/css-language-features/server/extension.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withDefaults = require('../../shared.webpack.config');
-const path = require('path');
-
-module.exports = withDefaults({
-	context: path.join(__dirname),
+export default withDefaults({
+	context: path.join(import.meta.dirname),
 	entry: {
 		extension: './src/node/cssServerNodeMain.ts',
 	},
 	output: {
 		filename: 'cssServerMain.js',
-		path: path.join(__dirname, 'dist', 'node'),
+		path: path.join(import.meta.dirname, 'dist', 'node'),
 	}
 });

extensions/debug-auto-launch/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts',
 	},

extensions/debug-server-ready/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts',
 	},

extensions/emmet/extension-browser.webpack.config.js

@@ -2,16 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults
-		= require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/browser/emmetBrowserMain.ts'
 	},

extensions/emmet/extension.webpack.config.js

@@ -2,22 +2,18 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import path from 'path';
 
-'use strict';
+import withDefaults from '../shared.webpack.config.mjs';
 
-const path = require('path');
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/node/emmetNodeMain.ts',
 	},
 	output: {
-		path: path.join(__dirname, 'dist', 'node'),
+		path: path.join(import.meta.dirname, 'dist', 'node'),
 		filename: 'emmetNodeMain.js'
 	}
 });

extensions/extension-editing/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extensionEditingBrowserMain.ts'
 	},

extensions/extension-editing/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extensionEditingMain.ts',
 	},

extensions/git-base/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	},

extensions/git-base/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	},

extensions/git/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		main: './src/main.ts',
 		['askpass-main']: './src/askpass-main.ts',

extensions/github-authentication/extension-browser.webpack.config.js

@@ -2,27 +2,23 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import path from 'path';
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const path = require('path');
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	node: false,
 	entry: {
 		extension: './src/extension.ts',
 	},
 	resolve: {
 		alias: {
-			'uuid': path.resolve(__dirname, 'node_modules/uuid/dist/esm-browser/index.js'),
-			'./node/authServer': path.resolve(__dirname, 'src/browser/authServer'),
-			'./node/crypto': path.resolve(__dirname, 'src/browser/crypto'),
-			'./node/fetch': path.resolve(__dirname, 'src/browser/fetch'),
-			'./node/buffer': path.resolve(__dirname, 'src/browser/buffer'),
+			'uuid': path.resolve(import.meta.dirname, 'node_modules/uuid/dist/esm-browser/index.js'),
+			'./node/authServer': path.resolve(import.meta.dirname, 'src/browser/authServer'),
+			'./node/crypto': path.resolve(import.meta.dirname, 'src/browser/crypto'),
+			'./node/fetch': path.resolve(import.meta.dirname, 'src/browser/fetch'),
+			'./node/buffer': path.resolve(import.meta.dirname, 'src/browser/buffer'),
 		}
 	}
 });

extensions/github-authentication/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts',
 	},

extensions/github/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	},

extensions/grunt/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		main: './src/main.ts',
 	},

extensions/gulp/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		main: './src/main.ts',
 	},

extensions/html-language-features/extension-browser.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-const path = require('path');
-
-module.exports = withBrowserDefaults({
-	context: path.join(__dirname, 'client'),
+export default withBrowserDefaults({
+	context: path.join(import.meta.dirname, 'client'),
 	entry: {
 		extension: './src/browser/htmlClientMain.ts'
 	},
 	output: {
 		filename: 'htmlClientMain.js',
-		path: path.join(__dirname, 'client', 'dist', 'browser')
+		path: path.join(import.meta.dirname, 'client', 'dist', 'browser')
 	}
 });

extensions/html-language-features/extension.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-const path = require('path');
-
-module.exports = withDefaults({
-	context: path.join(__dirname, 'client'),
+export default withDefaults({
+	context: path.join(import.meta.dirname, 'client'),
 	entry: {
 		extension: './src/node/htmlClientMain.ts',
 	},
 	output: {
 		filename: 'htmlClientMain.js',
-		path: path.join(__dirname, 'client', 'dist', 'node')
+		path: path.join(import.meta.dirname, 'client', 'dist', 'node')
 	}
 });

extensions/html-language-features/server/extension-browser.webpack.config.js

@@ -2,16 +2,12 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-
-'use strict';
-
-const withBrowserDefaults = require('../../shared.webpack.config').browser;
-const path = require('path');
+import { browser as withBrowserDefaults } from '../../shared.webpack.config.mjs';
+import path from 'path';
 
 const serverConfig = withBrowserDefaults({
-	context: __dirname,
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/browser/htmlServerWorkerMain.ts',
 	},
@@ -23,7 +19,7 @@ const serverConfig = withBrowserDefaults({
 	},
 	output: {
 		filename: 'htmlServerMain.js',
-		path: path.join(__dirname, 'dist', 'browser'),
+		path: path.join(import.meta.dirname, 'dist', 'browser'),
 		libraryTarget: 'var',
 		library: 'serverExportVar'
 	},
@@ -38,9 +34,9 @@ serverConfig.module.rules.push({
 	test: /javascriptLibs.ts$/,
 	use: [
 		{
-			loader: path.resolve(__dirname, 'build', 'javaScriptLibraryLoader.js')
+			loader: path.resolve(import.meta.dirname, 'build', 'javaScriptLibraryLoader.js')
 		}
 	]
 });
 
-module.exports = serverConfig;
+export default serverConfig;

extensions/html-language-features/server/extension.webpack.config.js

@@ -2,22 +2,18 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withDefaults = require('../../shared.webpack.config');
-const path = require('path');
-
-module.exports = withDefaults({
-	context: path.join(__dirname),
+export default withDefaults({
+	context: path.join(import.meta.dirname),
 	entry: {
 		extension: './src/node/htmlServerNodeMain.ts',
 	},
 	output: {
 		filename: 'htmlServerMain.js',
-		path: path.join(__dirname, 'dist', 'node'),
+		path: path.join(import.meta.dirname, 'dist', 'node'),
 	},
 	externals: {
 		'typescript': 'commonjs typescript'

extensions/ipynb/extension-browser.webpack.config.js

@@ -2,37 +2,33 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-const path = require('path');
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
+import path from 'path';
 
 const mainConfig = withBrowserDefaults({
-	context: __dirname,
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/ipynbMain.browser.ts'
 	},
 	output: {
 		filename: 'ipynbMain.browser.js',
-		path: path.join(__dirname, 'dist', 'browser')
+		path: path.join(import.meta.dirname, 'dist', 'browser')
 	}
 });
 
 
 const workerConfig = withBrowserDefaults({
-	context: __dirname,
+	context: import.meta.dirname,
 	entry: {
 		notebookSerializerWorker: './src/notebookSerializerWorker.web.ts',
 	},
 	output: {
 		filename: 'notebookSerializerWorker.js',
-		path: path.join(__dirname, 'dist', 'browser'),
+		path: path.join(import.meta.dirname, 'dist', 'browser'),
 		libraryTarget: 'var',
 		library: 'serverExportVar'
 	},
 });
 
-module.exports = [mainConfig, workerConfig];
+export default [mainConfig, workerConfig];

extensions/ipynb/extension.webpack.config.js

@@ -2,25 +2,21 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults, { nodePlugins } from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-const path = require('path');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		['ipynbMain.node']: './src/ipynbMain.node.ts',
 		notebookSerializerWorker: './src/notebookSerializerWorker.ts',
 	},
 	output: {
-		path: path.resolve(__dirname, 'dist'),
+		path: path.resolve(import.meta.dirname, 'dist'),
 		filename: '[name].js'
 	},
 	plugins: [
-		...withDefaults.nodePlugins(__dirname), // add plugins, don't replace inherited
+		...nodePlugins(import.meta.dirname), // add plugins, don't replace inherited
 	]
 });

extensions/jake/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		main: './src/main.ts',
 	},

extensions/json-language-features/extension-browser.webpack.config.js

@@ -2,22 +2,18 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-const path = require('path');
-
-module.exports = withBrowserDefaults({
+export default withBrowserDefaults({
 	target: 'webworker',
-	context: path.join(__dirname, 'client'),
+	context: path.join(import.meta.dirname, 'client'),
 	entry: {
 		extension: './src/browser/jsonClientMain.ts'
 	},
 	output: {
 		filename: 'jsonClientMain.js',
-		path: path.join(__dirname, 'client', 'dist', 'browser')
+		path: path.join(import.meta.dirname, 'client', 'dist', 'browser')
 	}
 });

extensions/json-language-features/extension.webpack.config.js

@@ -2,24 +2,20 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-const path = require('path');
+import withDefaults from '../shared.webpack.config.mjs';
+import path from 'path';
 
 const config = withDefaults({
-	context: path.join(__dirname, 'client'),
+	context: path.join(import.meta.dirname, 'client'),
 	entry: {
 		extension: './src/node/jsonClientMain.ts'
 	},
 	output: {
 		filename: 'jsonClientMain.js',
-		path: path.join(__dirname, 'client', 'dist', 'node')
+		path: path.join(import.meta.dirname, 'client', 'dist', 'node')
 	}
 });
 
 
-module.exports = config;
+export default config;

extensions/json-language-features/server/extension-browser.webpack.config.js

@@ -2,22 +2,18 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withBrowserDefaults = require('../../shared.webpack.config').browser;
-const path = require('path');
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/browser/jsonServerWorkerMain.ts',
 	},
 	output: {
 		filename: 'jsonServerMain.js',
-		path: path.join(__dirname, 'dist', 'browser'),
+		path: path.join(import.meta.dirname, 'dist', 'browser'),
 		libraryTarget: 'var',
 		library: 'serverExportVar'
 	}

extensions/json-language-features/server/extension.webpack.config.js

@@ -2,23 +2,19 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-
-'use strict';
-
-const withDefaults = require('../../shared.webpack.config');
-const path = require('path');
+import withDefaults from '../../shared.webpack.config.mjs';
+import path from 'path';
 
 const config = withDefaults({
-	context: path.join(__dirname),
+	context: path.join(import.meta.dirname),
 	entry: {
 		extension: './src/node/jsonServerNodeMain.ts',
 	},
 	output: {
 		filename: 'jsonServerMain.js',
-		path: path.join(__dirname, 'dist', 'node'),
+		path: path.join(import.meta.dirname, 'dist', 'node'),
 	}
 });
 
-module.exports = config;
+export default config;

extensions/markdown-language-features/extension-browser.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import CopyPlugin from 'copy-webpack-plugin';
+import { browser, browserPlugins } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const CopyPlugin = require('copy-webpack-plugin');
-const { browserPlugins, browser } = require('../shared.webpack.config');
-
-module.exports = browser({
-	context: __dirname,
+export default browser({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.browser.ts'
 	},
 	plugins: [
-		...browserPlugins(__dirname), // add plugins, don't replace inherited
+		...browserPlugins(import.meta.dirname), // add plugins, don't replace inherited
 		new CopyPlugin({
 			patterns: [
 				{

extensions/markdown-language-features/extension.webpack.config.js

@@ -2,16 +2,12 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import CopyPlugin from 'copy-webpack-plugin';
+import withDefaults, { nodePlugins } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const CopyPlugin = require('copy-webpack-plugin');
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	resolve: {
 		mainFields: ['module', 'main']
 	},
@@ -19,7 +15,7 @@ module.exports = withDefaults({
 		extension: './src/extension.ts',
 	},
 	plugins: [
-		...withDefaults.nodePlugins(__dirname), // add plugins, don't replace inherited
+		...nodePlugins(import.meta.dirname), // add plugins, don't replace inherited
 		new CopyPlugin({
 			patterns: [
 				{

extensions/markdown-math/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	}

extensions/markdown-math/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	resolve: {
 		mainFields: ['module', 'main']
 	},

extensions/media-preview/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	},

extensions/media-preview/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	resolve: {
 		mainFields: ['module', 'main']
 	},

extensions/merge-conflict/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/mergeConflictMain.ts'
 	},

extensions/merge-conflict/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/mergeConflictMain.ts'
 	},

extensions/microsoft-authentication/extension-browser.webpack.config.js

@@ -2,16 +2,12 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import path from 'path';
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const path = require('path');
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	node: {
 		global: true,
 		__filename: false,
@@ -22,10 +18,10 @@ module.exports = withBrowserDefaults({
 	},
 	resolve: {
 		alias: {
-			'./node/authServer': path.resolve(__dirname, 'src/browser/authServer'),
-			'./node/buffer': path.resolve(__dirname, 'src/browser/buffer'),
-			'./node/fetch': path.resolve(__dirname, 'src/browser/fetch'),
-			'./node/authProvider': path.resolve(__dirname, 'src/browser/authProvider'),
+			'./node/authServer': path.resolve(import.meta.dirname, 'src/browser/authServer'),
+			'./node/buffer': path.resolve(import.meta.dirname, 'src/browser/buffer'),
+			'./node/fetch': path.resolve(import.meta.dirname, 'src/browser/fetch'),
+			'./node/authProvider': path.resolve(import.meta.dirname, 'src/browser/authProvider'),
 		}
 	}
 });

extensions/microsoft-authentication/extension.webpack.config.js

@@ -2,19 +2,15 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const path = require('path');
+import withDefaults, { nodePlugins } from '../shared.webpack.config.mjs';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+import path from 'path';
 
 const isWindows = process.platform === 'win32';
 
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	},
@@ -26,11 +22,11 @@ module.exports = withDefaults({
 	},
 	resolve: {
 		alias: {
-			'keytar': path.resolve(__dirname, 'packageMocks', 'keytar', 'index.js')
+			'keytar': path.resolve(import.meta.dirname, 'packageMocks', 'keytar', 'index.js')
 		}
 	},
 	plugins: [
-		...withDefaults.nodePlugins(__dirname),
+		...nodePlugins(import.meta.dirname),
 		new CopyWebpackPlugin({
 			patterns: [
 				{

extensions/npm/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
 const config = withBrowserDefaults({
-	context: __dirname,
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/npmBrowserMain.ts'
 	},
@@ -24,4 +20,4 @@ const config = withBrowserDefaults({
 	}
 });
 
-module.exports = config;
+export default config;

extensions/npm/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/npmMain.ts',
 	},

extensions/php-language-features/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/phpMain.ts',
 	},

extensions/references-view/extension-browser.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-const path = require('path');
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	},
 	output: {
 		filename: 'extension.js',
-		path: path.join(__dirname, 'dist')
+		path: path.join(import.meta.dirname, 'dist')
 	}
 });

extensions/references-view/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	resolve: {
 		mainFields: ['module', 'main']
 	},

extensions/search-result/extension-browser.webpack.config.js

@@ -2,21 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
+import path from 'path';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-const path = require('path');
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	},
 	output: {
 		filename: 'extension.js',
-		path: path.join(__dirname, 'dist')
+		path: path.join(import.meta.dirname, 'dist')
 	}
 });

extensions/search-result/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	resolve: {
 		mainFields: ['module', 'main']
 	},

extensions/shared.webpack.config.mjs

@@ -2,17 +2,17 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import path from 'node:path';
+import fs from 'node:fs';
+import merge from 'merge-options';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+import webpack from 'webpack';
+import { createRequire } from 'node:module';
+
 /** @typedef {import('webpack').Configuration} WebpackConfig **/
 
-'use strict';
-
-const path = require('path');
-const fs = require('fs');
-const merge = require('merge-options');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const { DefinePlugin, optimize } = require('webpack');
+const require = createRequire(import.meta.url);
 
 const tsLoaderOptions = {
 	compilerOptions: {
@@ -48,7 +48,7 @@ function withNodeDefaults(/**@type WebpackConfig & { context: string }*/extConfi
 					loader: 'ts-loader',
 					options: tsLoaderOptions
 				}, {
-					loader: path.resolve(__dirname, 'mangle-loader.js'),
+					loader: path.resolve(import.meta.dirname, 'mangle-loader.js'),
 					options: {
 						configFile: path.join(extConfig.context, 'tsconfig.json')
 					},
@@ -85,8 +85,8 @@ function withNodeDefaults(/**@type WebpackConfig & { context: string }*/extConfi
  */
 function nodePlugins(context) {
 	// Need to find the top-most `package.json` file
-	const folderName = path.relative(__dirname, context).split(/[\\\/]/)[0];
-	const pkgPath = path.join(__dirname, folderName, 'package.json');
+	const folderName = path.relative(import.meta.dirname, context).split(/[\\\/]/)[0];
+	const pkgPath = path.join(import.meta.dirname, folderName, 'package.json');
 	const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
 	const id = `${pkg.publisher}.${pkg.name}`;
 	return [
@@ -136,7 +136,7 @@ function withBrowserDefaults(/**@type WebpackConfig & { context: string }*/extCo
 						}
 					},
 					{
-						loader: path.resolve(__dirname, 'mangle-loader.js'),
+						loader: path.resolve(import.meta.dirname, 'mangle-loader.js'),
 						options: {
 							configFile: path.join(extConfig.context, additionalOptions?.configFile ?? 'tsconfig.json')
 						},
@@ -184,7 +184,7 @@ function browserPlugins(context) {
 	// const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
 	// const id = `${pkg.publisher}.${pkg.name}`;
 	return [
-		new optimize.LimitChunkCountPlugin({
+		new webpack.optimize.LimitChunkCountPlugin({
 			maxChunks: 1
 		}),
 		new CopyWebpackPlugin({
@@ -192,7 +192,7 @@ function browserPlugins(context) {
 				{ from: 'src', to: '.', globOptions: { ignore: ['**/test/**', '**/*.ts'] }, noErrorOnMissing: true }
 			]
 		}),
-		new DefinePlugin({
+		new webpack.DefinePlugin({
 			'process.platform': JSON.stringify('web'),
 			'process.env': JSON.stringify({}),
 			'process.env.BROWSER_ENV': JSON.stringify('true')
@@ -200,8 +200,5 @@ function browserPlugins(context) {
 	];
 }
 
-module.exports = withNodeDefaults;
-module.exports.node = withNodeDefaults;
-module.exports.browser = withBrowserDefaults;
-module.exports.nodePlugins = nodePlugins;
-module.exports.browserPlugins = browserPlugins;
+export default withNodeDefaults;
+export { withNodeDefaults as node, withBrowserDefaults as browser, nodePlugins, browserPlugins };

extensions/simple-browser/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts'
 	}

extensions/simple-browser/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	resolve: {
 		mainFields: ['module', 'main']
 	},

extensions/terminal-suggest/extension.webpack.config.js

@@ -2,14 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-'use strict';
+import withDefaults from '../shared.webpack.config.mjs';
 
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/terminalSuggestMain.ts'
 	},

extensions/tunnel-forwarding/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.ts',
 	},

extensions/typescript-language-features/extension-browser.webpack.config.js

@@ -2,16 +2,10 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
-
-'use strict';
-const CopyPlugin = require('copy-webpack-plugin');
-const path = require('path');
-
-const defaultConfig = require('../shared.webpack.config');
-const withBrowserDefaults = defaultConfig.browser;
-const browserPlugins = defaultConfig.browserPlugins;
+import CopyPlugin from 'copy-webpack-plugin';
+import path from 'path';
+import defaultConfig, { browser as withBrowserDefaults, browserPlugins } from '../shared.webpack.config.mjs';
 
 const languages = [
 	'zh-tw',
@@ -28,13 +22,13 @@ const languages = [
 	'tr',
 	'zh-cn',
 ];
-module.exports = [withBrowserDefaults({
-	context: __dirname,
+export default [withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.browser.ts',
 	},
 	plugins: [
-		...browserPlugins(__dirname), // add plugins, don't replace inherited
+		...browserPlugins(import.meta.dirname), // add plugins, don't replace inherited
 
 		// @ts-ignore
 		new CopyPlugin({
@@ -63,7 +57,7 @@ module.exports = [withBrowserDefaults({
 		}),
 	],
 }), withBrowserDefaults({
-	context: __dirname,
+	context: import.meta.dirname,
 	entry: {
 		'typescript/tsserver.web': './web/src/webServer.ts'
 	},
@@ -75,7 +69,7 @@ module.exports = [withBrowserDefaults({
 		// all output goes into `dist`.
 		// packaging depends on that and this must always be like it
 		filename: '[name].js',
-		path: path.join(__dirname, 'dist', 'browser'),
+		path: path.join(import.meta.dirname, 'dist', 'browser'),
 		libraryTarget: undefined,
 	},
 	externals: {

extensions/typescript-language-features/extension.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withDefaults = require('../shared.webpack.config');
-
-module.exports = withDefaults({
-	context: __dirname,
+export default withDefaults({
+	context: import.meta.dirname,
 	resolve: {
 		mainFields: ['module', 'main']
 	},

extensions/vscode-test-resolver/extension-browser.webpack.config.js

@@ -2,15 +2,11 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
 // @ts-check
+import { browser as withBrowserDefaults } from '../shared.webpack.config.mjs';
 
-'use strict';
-
-const withBrowserDefaults = require('../shared.webpack.config').browser;
-
-module.exports = withBrowserDefaults({
-	context: __dirname,
+export default withBrowserDefaults({
+	context: import.meta.dirname,
 	entry: {
 		extension: './src/extension.browser.ts'
 	},