{"id":21694546,"url":"https://github.com/eamodio/vscode-tsl-problem-matcher","last_synced_at":"2025-04-12T10:50:36.645Z","repository":{"id":42521008,"uuid":"145080014","full_name":"eamodio/vscode-tsl-problem-matcher","owner":"eamodio","description":"TypeScript + Webpack Problem Matchers for VS Code","archived":false,"fork":false,"pushed_at":"2023-07-12T03:17:16.000Z","size":81,"stargazers_count":46,"open_issues_count":10,"forks_count":9,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-26T05:41:49.435Z","etag":null,"topics":["typescript","vscode","vscode-extension","webpack"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eamodio.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":null},"created_at":"2018-08-17T06:17:40.000Z","updated_at":"2025-03-08T20:39:38.000Z","dependencies_parsed_at":"2024-11-25T18:43:01.374Z","dependency_job_id":null,"html_url":"https://github.com/eamodio/vscode-tsl-problem-matcher","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eamodio%2Fvscode-tsl-problem-matcher","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eamodio%2Fvscode-tsl-problem-matcher/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eamodio%2Fvscode-tsl-problem-matcher/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eamodio%2Fvscode-tsl-problem-matcher/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eamodio","download_url":"https://codeload.github.com/eamodio/vscode-tsl-problem-matcher/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248557844,"owners_count":21124165,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["typescript","vscode","vscode-extension","webpack"],"created_at":"2024-11-25T18:29:27.108Z","updated_at":"2025-04-12T10:50:36.624Z","avatar_url":"https://github.com/eamodio.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# TypeScript + Webpack Problem Matchers for VS Code\n\nProvides [problem matchers](https://code.visualstudio.com/docs/editor/tasks#_processing-task-output-with-problem-matchers) for use with TypeScript projects using [Webpack](https://webpack.js.org/) with [ts-loader](https://github.com/TypeStrong/ts-loader), [fork-ts-checker-webpack-plugin](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin) v5.0 or later with or without [ESLint](https://eslint.org/), and/or [tslint-loader](https://github.com/wbuchwalter/tslint-loader).\n\n## Features\n\nProvides the following problem matchers:\n\n- **\\$ts-webpack** \u0026mdash; adds errors and warnings reported by [ts-loader](https://github.com/TypeStrong/ts-loader)\n- **\\$ts-webpack-watch** \u0026mdash; adds errors and warnings reported by [ts-loader](https://github.com/TypeStrong/ts-loader) while in watch mode\n- **\\$ts-checker-webpack** \u0026mdash; adds errors and warnings reported by the [fork-ts-checker-webpack-plugin](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin)\n- **\\$ts-checker-webpack-watch** \u0026mdash; adds errors and warnings reported by the [fork-ts-checker-webpack-plugin](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin) while in watch mode\n- **\\$ts-checker-eslint-webpack** \u0026mdash; adds ESLint errors and warnings reported by the [fork-ts-checker-webpack-plugin](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin)\n- **\\$ts-checker-eslint-webpack-watch** \u0026mdash; adds ESLint errors and warnings reported by the [fork-ts-checker-webpack-plugin](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin) while in watch mode\n- **\\$tslint-webpack** \u0026mdash; adds lint warnings reported by tslint-loader\n- **\\$tslint-webpack-watch** \u0026mdash; adds lint warnings reported by tslint-loader while in watch mode\n\n## Usage\n\nThe following example shows how to add problem matchers to your project:\n\n```json\n{\n\t\"version\": \"2.0.0\",\n\t\"tasks\": [\n\t\t{\n\t\t\t\"type\": \"npm\",\n\t\t\t\"script\": \"build\",\n\t\t\t\"group\": \"build\",\n\t\t\t\"problemMatcher\": [\"$ts-webpack\", \"$tslint-webpack\"]\n\t\t},\n\t\t{\n\t\t\t\"type\": \"npm\",\n\t\t\t\"script\": \"watch\",\n\t\t\t\"group\": \"build\",\n\t\t\t\"isBackground\": true,\n\t\t\t\"problemMatcher\": [\"$ts-webpack-watch\", \"$tslint-webpack-watch\"]\n\t\t}\n\t]\n}\n```\n\n### Webpack v5 (webpack-cli@4)\n\n👉 Using Webpack v5 or later: In order for the _watch_ matchers to work properly in Webpack v4, you must add `--info-verbosity verbose` to your webpack watch command e.g. `webpack --watch --info-verbosity verbose` as this instructs webpack to output lifecycle event messages for each re-compile.\n\n### Webpack v4 (webpack-cli@3)\n\nn order for the _watch_ matchers to work properly, you must add `infrastructureLogging: { level: \"log\" }` to your `webpack.config.js` as this instructs webpack to output lifecycle event messages for each re-compile.\n\nFor example:\n\n```js\n// webpack.config.js\nmodule.exports = {\n\t// ...the webpack configuration\n\tinfrastructureLogging: {\n\t\tlevel: 'log',\n\t},\n};\n```\n\n👉 In addition, when using the **\\$ts-checker-webpack**, **\\$ts-checker-webpack-watch**, **\\$ts-checker-eslint-webpack**, and **\\$ts-checker-eslint-webpack-watch** matchers, you must also set `formatter: 'basic'` in your [fork-ts-checker-webpack-plugin options](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/tree/alpha#options)\n\n## Custom Usage\n\nYou can also use any of the problem matchers as a base problem matcher for your own custom needs:\n\n```json\n{\n\t\"version\": \"2.0.0\",\n\t\"tasks\": [\n\t\t{\n\t\t\t\"type\": \"npm\",\n\t\t\t\"script\": \"build\",\n\t\t\t\"group\": \"build\",\n\t\t\t\"problemMatcher\": [\"$ts-webpack\", \"$tslint-webpack\"]\n\t\t},\n\t\t{\n\t\t\t\"type\": \"npm\",\n\t\t\t\"script\": \"watch\",\n\t\t\t\"group\": \"build\",\n\t\t\t\"isBackground\": true,\n\t\t\t\"problemMatcher\": [\n\t\t\t\t{\n\t\t\t\t\t\"base\": \"$ts-webpack\",\n\t\t\t\t\t\"background\": {\n\t\t\t\t\t\t\"activeOnStart\": true,\n\t\t\t\t\t\t\"beginsPattern\": {\n\t\t\t\t\t\t\t\"regexp\": \"\u003cyour-custom-starting-regex-pattern here\u003e\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"endsPattern\": {\n\t\t\t\t\t\t\t\"regexp\": \"\u003cyour-custom-ending-regex-pattern here\u003e\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"base\": \"$tslint-webpack\",\n\t\t\t\t\t\"background\": {\n\t\t\t\t\t\t\"activeOnStart\": true,\n\t\t\t\t\t\t\"beginsPattern\": {\n\t\t\t\t\t\t\t\"regexp\": \"\u003cyour-custom-starting-regex-pattern here\u003e\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"endsPattern\": {\n\t\t\t\t\t\t\t\"regexp\": \"\u003cyour-custom-ending-regex-pattern here\u003e\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t]\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feamodio%2Fvscode-tsl-problem-matcher","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feamodio%2Fvscode-tsl-problem-matcher","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feamodio%2Fvscode-tsl-problem-matcher/lists"}