.vscode/tasks.json

// Available variables which can be used inside of strings.
// ${workspaceFolder}: the root folder of the team
// ${file}: the current opened file
// ${fileBasename}: the current opened file's basename
// ${fileDirname}: the current opened file's dirname
// ${fileExtname}: the current opened file's extension
// ${cwd}: the current working directory of the spawned process

// A task runner that calls the Typescript compiler (tsc) and
// compiles the extension.
{
	"version": "2.0.0",

	// we want to run npm
	"command": "npm",

	// the command is a shell script
	"type": "shell",

	// don't show the output window, rely on the problem matcher.
	"presentation": {
		"reveal": "never"
	},

	// we run the custom script "compile" as defined in package.json
	"args": ["run", "compile"],

	// The tsc compiler is started in watching mode
	"isBackground": true,

	// use the standard tsc in watch mode problem matcher to find compile problems in the output.
	"problemMatcher": "$tsc-watch",
	"tasks": [
		{
			"type": "typescript",
			"tsconfig": "tsconfig.json",
			"problemMatcher": [
				"$tsc"
			]
		},
		{
			"type": "npm",
			"script": "watch",
			"problemMatcher": "$tsc-watch",
			"isBackground": true,
			"presentation": {
				"reveal": "never"
			},
			"group": {
				"kind": "build",
				"isDefault": true
			}
		},
		{
			"type": "npm",
			"script": "bundle-watch",
			"group": "build",
			"problemMatcher": "$esbuild-watch",
			"isBackground": true,
			"presentation": {
				"reveal": "never"
			}
		},
		{
			"type": "npm",
			"script": "bundle-dev",
			"group": "build",
			"problemMatcher": "$esbuild",
		}
	]
}