Add 'npm watch' task matcher, use eslint in webpack

Closes #542

Signed-off-by: David Thompson <[email protected]>

Author: datho7561

.vscode/extensions.json

@@ -1,7 +1,5 @@
 {
-	// See http://go.microsoft.com/fwlink/?LinkId=827846
-	// for the documentation about the extensions.json format
-	"recommendations": [
-		"dbaeumer.vscode-eslint"
-	]
+  // See http://go.microsoft.com/fwlink/?LinkId=827846
+  // for the documentation about the extensions.json format
+  "recommendations": ["dbaeumer.vscode-eslint", "amodio.tsl-problem-matcher"]
 }

.vscode/tasks.json

@@ -7,6 +7,10 @@
       "type": "npm",
       "script": "watch",
       "isBackground": true,
+      "problemMatcher": [
+        "$ts-webpack-watch",
+        "$eslint-stylish"
+      ],
       "presentation": {
         "reveal": "never"
       },

package-lock.json

@@ -421,8 +421,6 @@
     "minimist": "1.2.6"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.30.5",
-    "@typescript-eslint/parser": "^5.30.5",
     "@types/chai": "^4.2.3",
     "@types/chai-fs": "^2.0.2",
     "@types/ejs": "^3.0.5",
@@ -437,9 +435,12 @@
     "@types/vscode": "^1.65.0",
     "@types/which": "^2.0.1",
     "@types/yauzl": "^2.9.1",
+    "@typescript-eslint/eslint-plugin": "^5.30.5",
+    "@typescript-eslint/parser": "^5.30.5",
     "chai": "^4.2.0",
     "chai-fs": "^2.0.0",
     "eslint": "^8.19.0",
+    "eslint-webpack-plugin": "^3.2.0",
     "gradle-to-js": "^2.0.0",
     "gulp": "^4.0.2",
     "gulp-rename": "^1.4.0",

package.json

@@ -5,40 +5,55 @@
 
 //@ts-check
 
-'use strict';
+"use strict";
 
-const path = require('path');
+const path = require("path");
+const ESLintWebpackPlugin = require("eslint-webpack-plugin");
 
 /**@type {import('webpack').Configuration}*/
 const config = {
-    target: 'node', // vscode extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
-    node: {
-        __dirname: false,
-        __filename: false
-    },
-    entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
-    output: { // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
-        path: path.resolve(__dirname, 'dist'),
-        filename: 'extension.js',
-        libraryTarget: "commonjs2",
-        devtoolModuleFilenameTemplate: "../[resource-path]",
-    },
-    devtool: 'source-map',
-    externals: {
-        vscode: "commonjs vscode" // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
-    },
-    resolve: { // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
-        extensions: ['.ts', '.js']
-    },
-    module: {
-        rules: [{
-            test: /\.ts$/,
-            exclude: /node_modules/,
-            use: [{
-                loader: 'ts-loader',
-            }]
-        }]
-    },
-}
+  target: "node", // vscode extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
+  node: {
+    __dirname: false,
+    __filename: false,
+  },
+  entry: "./src/extension.ts", // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
+  output: {
+    // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
+    path: path.resolve(__dirname, "dist"),
+    filename: "extension.js",
+    libraryTarget: "commonjs2",
+    devtoolModuleFilenameTemplate: "../[resource-path]",
+  },
+  devtool: "source-map",
+  externals: {
+    vscode: "commonjs vscode", // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
+  },
+  resolve: {
+    // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
+    extensions: [".ts", ".js"],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: "ts-loader",
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new ESLintWebpackPlugin({
+      extensions: [".ts", ".js"],
+    }),
+  ],
+  infrastructureLogging: {
+    level: "log",
+  },
+};
 
 module.exports = config;