Adds new problem matchers for better debugging

Author: eamodio

.vscode/extensions.json

@@ -2,6 +2,7 @@
     // See http://go.microsoft.com/fwlink/?LinkId=827846
     // for the documentation about the extensions.json format
     "recommendations": [
+        "eamodio.tsl-problem-matcher",
         "eg2.tslint",
         "esbenp.prettier-vscode",
         "msjsdiag.debugger-for-chrome",

.vscode/tasks.json

@@ -20,56 +20,7 @@
             "type": "npm",
             "script": "build",
             "group": "build",
-            "problemMatcher": [
-                {
-                    "fileLocation": "absolute",
-                    "owner": "typescript",
-                    "pattern": [
-                        {
-                            "regexp": "\\[tsl\\] ERROR in (.*)?\\((\\d+),(\\d+)\\)",
-                            "file": 1,
-                            "line": 2,
-                            "column": 3
-                        },
-                        {
-                            "regexp": "\\s*TS\\d+:\\s*(.*)",
-                            "message": 1
-                        }
-                    ],
-                    "severity": "error",
-                    "source": "ts"
-                },
-                {
-                    "fileLocation": "relative",
-                    "owner": "typescript",
-                    "pattern": [
-                        {
-                            "regexp": "WARNING in (.*)",
-                            "file": 1
-                        },
-                        {
-                            "regexp": "Module Warning (.*)"
-                        },
-                        {
-                            "regexp": "\\[(\\d+), (\\d+)\\]: (.*)",
-                            "line": 1,
-                            "column": 2,
-                            "message": 3
-                        }
-                    ],
-                    "severity": "warning",
-                    "source": "tslint",
-                    "background": {
-                        "activeOnStart": true,
-                        "beginsPattern": {
-                            "regexp": "webpack is watching the files..."
-                        },
-                        "endsPattern": {
-                            "regexp": "Built at\\:(.*)"
-                        }
-                    }
-                }
-            ]
+            "problemMatcher": ["$ts-webpack", "$tslint-webpack"]
         },
         {
             "type": "npm",
@@ -87,59 +38,27 @@
             "isBackground": true,
             "problemMatcher": [
                 {
+                    "base": "$ts-webpack",
                     "fileLocation": "absolute",
-                    "owner": "typescript",
-                    "pattern": [
-                        {
-                            "regexp": "\\[tsl\\] ERROR in (.*)?\\((\\d+),(\\d+)\\)",
-                            "file": 1,
-                            "line": 2,
-                            "column": 3
-                        },
-                        {
-                            "regexp": "\\s*TS\\d+:\\s*(.*)",
-                            "message": 1
-                        }
-                    ],
-                    "severity": "error",
-                    "source": "ts",
                     "background": {
                         "activeOnStart": true,
                         "beginsPattern": {
-                            "regexp": "webpack is watching the files..."
+                            "regexp": "Child extension:"
                         },
                         "endsPattern": {
-                            "regexp": "Built at\\:(.*)"
+                            "regexp": "Built at: .*"
                         }
                     }
                 },
                 {
-                    "fileLocation": "relative",
-                    "owner": "typescript",
-                    "pattern": [
-                        {
-                            "regexp": "WARNING in (.*)",
-                            "file": 1
-                        },
-                        {
-                            "regexp": "Module Warning (.*)"
-                        },
-                        {
-                            "regexp": "\\[(\\d+), (\\d+)\\]: (.*)",
-                            "line": 1,
-                            "column": 2,
-                            "message": 3
-                        }
-                    ],
-                    "severity": "warning",
-                    "source": "tslint",
+                    "base": "$tslint-webpack",
                     "background": {
                         "activeOnStart": true,
                         "beginsPattern": {
-                            "regexp": "webpack is watching the files..."
+                            "regexp": "Child extension:"
                         },
                         "endsPattern": {
-                            "regexp": "Built at\\:(.*)"
+                            "regexp": "Built at: .*"
                         }
                     }
                 }

webpack.config.js

@@ -17,7 +17,7 @@ module.exports = function(env, argv) {
 };
 
 function getExtensionConfig(env) {
-    const plugins = [new CleanPlugin(['out'])];
+    const plugins = [new CleanPlugin(['out'], { verbose: false })];
 
     return {
         name: 'extension',
@@ -50,7 +50,15 @@ function getExtensionConfig(env) {
             ]
         },
         plugins: plugins,
-        stats: { all: false, assets: true, builtAt: true, errors: true, timings: true, warnings: true }
+        stats: {
+            all: false,
+            assets: true,
+            builtAt: true,
+            env: true,
+            errors: true,
+            timings: true,
+            warnings: true
+        }
     };
 }
 
@@ -62,7 +70,7 @@ function getUIConfig(env) {
     }
 
     const plugins = [
-        new CleanPlugin(clean),
+        new CleanPlugin(clean, { verbose: false }),
         new MiniCssExtractPlugin({
             filename: '[name].css'
         }),
@@ -207,6 +215,14 @@ function getUIConfig(env) {
             ]
         },
         plugins: plugins,
-        stats: { all: false, assets: true, builtAt: true, errors: true, timings: true, warnings: true }
+        stats: {
+            all: false,
+            assets: true,
+            builtAt: true,
+            env: true,
+            errors: true,
+            timings: true,
+            warnings: true
+        }
     };
 }