esbuild.js

import esbuild from 'esbuild';



const production = process.argv.includes('--production');
const watch = process.argv.includes('--watch');

/**
 * @type {import('esbuild').Plugin}
 */
const esbuildProblemMatcherPlugin = {
  name: 'esbuild-problem-matcher',

  setup(build) {
    build.onStart(() => {
      console.log('[watch] build started');
    });
    build.onEnd((result) => {
      result.errors.forEach(({ text, location }) => {
        console.error(`✘ [ERROR] ${text}`);
        console.error(`${location.file}:${location.line}:${location.column}:`);
      });
      console.log('[watch] build finished');
    });
  },
};
//Missing Front-End Context
//Missing Front-End Context
async function main() {
  const ctx = await esbuild.context({
    entryPoints: ['src/extension.ts'],
    bundle: true,
    format: 'cjs',
    minify: production,
    sourcemap: !production,
    sourcesContent: false,
    platform: 'node',
    outfile: 'dist/extension.js',
    external: ['vscode'],
    logLevel: 'silent',
    plugins: [
      /* add to the end of plugins array */
      esbuildProblemMatcherPlugin,
    ],
  });
  const webviewCtx = await esbuild.context({
    entryPoints: ['src/components/Main.tsx'], // change to front end file
    entryPoints: ['src/components/Main.tsx'], // change to front end file
    bundle: true,
    format: 'iife',
    minify: production,
    sourcemap: !production,
    sourcesContent: false,
    platform: 'browser',
    target: ['esnext'], //! You had 'esnext'
    outfile: 'dist/webview.js', // change to front end file
    logLevel: 'silent',
    define: {
      'process.env.NODE_ENV': production ? '"production"' : '"development"',
    },
    /* add to the end of plugins array */
    plugins: [esbuildProblemMatcherPlugin],
    loader: {
      '.ts': 'ts',
      '.tsx': 'tsx',
    },
  });
  if (watch) {
    await Promise.all([ctx.watch(), webviewCtx.watch()]);
  } else {
    await Promise.all([ctx.rebuild(), webviewCtx.rebuild()]);
    await Promise.all([ctx.dispose(), webviewCtx.dispose()]);
  }
}

main().catch((e) => {
  console.error(e);
  process.exit(1);
});