Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Karate-CopilotNew to Visual Studio Code? Get it now.
Karate-Copilot

Karate-Copilot

dejosh

|
249 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

References:

  • https://github.com/microsoft/vscode-extension-samples/tree/main/webpack-sample
  • https://dev.to/timrodz/hacktoberfest-how-i-bundled-published-a-vs-code-extension-with-webpack-and-azure-devops-blj
  • https://code.visualstudio.com/api/references/contribution-points#Icon-specifications
  • https://github.com/kirksl/karate-runner/blob/master/resources/dark/karate-test-pass.svg
  • Figma: https://www.figma.com/file/2v51mcxVO1DKGwzB7JJdLM/Untitled?type=design&node-id=2-3&mode=design&t=cw9S2GBHJrY0L1ab-0

Webpack & Extensions

This is an extension that uses https://webpack.js.org to bundle and minify its sources. Using webpack will help to reduce the install- and startup-time of large extensions because instead of hundreds of files, a single file is produced.

Configuration

Webpack is configured in the webpack.config.js-file. Find annotation inside the file itself or refer to the excellent webpack documentation: https://webpack.js.org/configuration/. In short, the config-files defines the entry point of the extension, to use TypeScript, to produce a commonjs-module, and what modules not to bundle.

Scripts

The scripts-section of the package.json-file has entries for webpack. Those compile TypeScript and produce the bundle as well as producing a minified production build. Note, that there is no dedicated TypeScript-script as webpack takes care of that.

  • Open this example in VS Code 1.47+
  • npm install
  • F5 to start debugging

More

If you use vscode-nls to localize your extension that you likely also use vscode-nls-dev to create language bundles at build time. To support webpack, a loader has been added to vscode-nls-dev. Add the section below to the modules/rules-configuration.

{
  // vscode-nls-dev loader:
  // * rewrite nls-calls
  loader: 'vscode-nls-dev/lib/webpack-loader',
  options: {
    base: path.join(__dirname, 'src')
}

A good sample is the shared config built-in extensions use: https://github.com/Microsoft/vscode/blob/bf5b0585d2a8759541690b2c564b96cb604ff92e/extensions/shared.webpack.config.js#L29-L51

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft