code · pull · Aug 8, 2025 · Aug 8, 2025 · Aug 8, 2025 · Aug 8, 2025
diff --git a/build/lib/extensions.js b/build/lib/extensions.js
diff --git a/build/lib/extensions.ts b/build/lib/extensions.ts
@@ -99,7 +99,7 @@ function fromLocalWebpack(extensionPath: string, webpackConfigFileName: string,
 	const packagedDependencies: string[] = [];
 	const packageJsonConfig = require(path.join(extensionPath, 'package.json'));
 	if (packageJsonConfig.dependencies) {
-		const webpackRootConfig = require(path.join(extensionPath, webpackConfigFileName));
+		const webpackRootConfig = require(path.join(extensionPath, webpackConfigFileName)).default;
 		for (const key in webpackRootConfig.externals) {
 			if (key in packageJsonConfig.dependencies) {
 				packagedDependencies.push(key);
@@ -145,7 +145,7 @@ function fromLocalWebpack(extensionPath: string, webpackConfigFileName: string,
 				}
 			};
 
-			const exportedConfig = require(webpackConfigPath);
+			const exportedConfig = require(webpackConfigPath).default;
 			return (Array.isArray(exportedConfig) ? exportedConfig : [exportedConfig]).map(config => {
 				const webpackConfig = {
 					...config,
@@ -561,12 +561,12 @@ const extensionsPath = path.join(root, 'extensions');
 
 // Additional projects to run esbuild on. These typically build code for webviews
 const esbuildMediaScripts = [
-	'markdown-language-features/esbuild-notebook.js',
-	'markdown-language-features/esbuild-preview.js',
-	'markdown-math/esbuild.js',
-	'notebook-renderers/esbuild.js',
-	'ipynb/esbuild.js',
-	'simple-browser/esbuild-preview.js',
+	'markdown-language-features/esbuild-notebook.mjs',
+	'markdown-language-features/esbuild-preview.mjs',
+	'markdown-math/esbuild.mjs',
+	'notebook-renderers/esbuild.mjs',
+	'ipynb/esbuild.mjs',
+	'simple-browser/esbuild-preview.mjs',
 ];
 
 export async function webpackExtensions(taskName: string, isWatch: boolean, webpackConfigLocations: { configPath: string; outputRoot?: string }[]) {
@@ -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) {

diff --git a/eslint.config.js b/eslint.config.js
@@ -15,8 +15,7 @@ import pluginJsdoc from 'eslint-plugin-jsdoc';
 import pluginHeader from 'eslint-plugin-header';
 pluginHeader.rules.header.meta.schema = false;
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const ignores = fs.readFileSync(path.join(__dirname, '.eslint-ignore'), 'utf8')
+const ignores = fs.readFileSync(path.join(import.meta.dirname, '.eslint-ignore'), 'utf8')
 	.toString()
 	.split(/\r\n|\n/)
 	.filter(line => line && !line.startsWith('#'));

diff --git a/extensions/configuration-editing/extension-browser.webpack.config.js b/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';
 
-//@ts-check
-
-'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'),
 		}
 	}
 });

diff --git a/extensions/configuration-editing/extension.webpack.config.js b/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';
 
-//@ts-check
-
-'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',
 	},

diff --git a/extensions/css-language-features/extension-browser.webpack.config.js b/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';
 
-//@ts-check
-
-'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')
 	}
 });
diff --git a/extensions/css-language-features/extension.webpack.config.js b/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';
 
-//@ts-check
-
-'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')
 	}
 });
diff --git a/extensions/css-language-features/server/extension-browser.webpack.config.js b/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';
 
-//@ts-check
-
-'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'
 	}

diff --git a/extensions/css-language-features/server/extension.webpack.config.js b/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';
 
-//@ts-check
-
-'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'),
 	}
 });
diff --git a/extensions/debug-auto-launch/extension.webpack.config.js b/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';
 
-//@ts-check
-
-'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',
 	},

diff --git a/extensions/debug-server-ready/extension.webpack.config.js b/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';
 
-//@ts-check
-
-'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',
 	},

diff --git a/extensions/emmet/extension-browser.webpack.config.js b/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';
 
-//@ts-check
-
-'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'
 	},

diff --git a/extensions/emmet/extension.webpack.config.js b/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';
 
-//@ts-check
+import withDefaults from '../shared.webpack.config.mjs';
 
-'use strict';
-
-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'
 	}
 });
diff --git a/extensions/esbuild-webview-common.js → extensions/esbuild-webview-common.mjs b/extensions/esbuild-webview-common.js → extensions/esbuild-webview-common.mjs
@@ -3,13 +3,11 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 // @ts-check
-
 /**
  * @fileoverview Common build script for extension scripts used in in webviews.
  */
-
-const path = require('path');
-const esbuild = require('esbuild');
+import path from 'node:path';
+import esbuild from 'esbuild';
 
 /**
  * @typedef {Partial<import('esbuild').BuildOptions> & {
@@ -62,7 +60,7 @@ async function tryBuild(options, didBuild) {
  * @param {string[]} args
  * @param {(outDir: string) => unknown} [didBuild]
  */
-module.exports.run = async function (config, args, didBuild) {
+export async function run(config, args, didBuild) {
 	let outdir = config.outdir;
 	const outputRootIndex = args.indexOf('--outputRoot');
 	if (outputRootIndex >= 0) {
@@ -84,10 +82,9 @@ module.exports.run = async function (config, args, didBuild) {
 	const isWatch = args.indexOf('--watch') >= 0;
 	if (isWatch) {
 		await tryBuild(resolvedOptions, didBuild);
-
-		const watcher = require('@parcel/watcher');
+		const watcher = await import('@parcel/watcher');
 		watcher.subscribe(config.srcDir, () => tryBuild(resolvedOptions, didBuild));
 	} else {
 		return build(resolvedOptions, didBuild).catch(() => process.exit(1));
 	}
-};
+}