https://github.com/connor4312/esbuild-problem-matchers

Problem matchers for esbuild tasks in VS Code
https://github.com/connor4312/esbuild-problem-matchers

Last synced: 16 days ago
JSON representation

Problem matchers for esbuild tasks in VS Code

• Host: GitHub
• URL: https://github.com/connor4312/esbuild-problem-matchers
• Owner: connor4312
• License: mit
• Created: 2021-04-20T18:39:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-26T15:48:33.000Z (8 months ago)
• Last Synced: 2024-10-25T22:14:29.769Z (about 2 months ago)
• Size: 17.6 KB
• Stars: 10
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# esbuild-problem-matchers

To use this, add the `esbuild` or `esbuild-watch` problem matcher to your tasks.json, as appropriate. For example:

```json

{

  "version": "2.0.0",

  "tasks": [

    {

      "type": "npm",

      "script": "watch",

      "group": "build",

      "problemMatcher": "$esbuild-watch",

      "isBackground": true,

      "label": "npm: watch"

    },

    {

      "type": "npm",

      "script": "build",

      "group": "build",

      "problemMatcher": "$esbuild",

      "label": "npm: build"

    }

  ]

}

```

### ESBuild via CLI Setup

Nothing more is needed for this to work with the esbuild cli.

If you're using an esbuild version before 0.14.1, you should use the `$esbuild-0.13` and `$esbuild-0.13-watch` problem matches instead, as it has different output.

### ESBuild via JS

For this problem matcher to be picked up, you need to add a plugin property to emit the problems that the watcher is looking for. For example:

```js

/**

 * @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');

    });

  },

};

// add the esbuildProblemMatcherPlugin to the esbuild plugins array

await esbuild.context({

  /* ... your options */

  plugins: [

    /* add to the end of plugins array */

    esbuildProblemMatcherPlugin,

  ],

});

```