Add async TS checker to build

package.json

@@ -69,6 +69,7 @@
     "eslint": "^7.24.0",
     "eslint-plugin-node": "^11.1.0",
     "file-loader": "^1.1.11",
+    "fork-ts-checker-webpack-plugin": "^6.3.3",
     "html-webpack-plugin": "^3.2.0",
     "i18n-webpack-plugin": "^1.0.0",
     "istanbul": "^0.4.5",

webpack.config.js

@@ -1,8 +1,9 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-var path = require("path");
+const path = require("path");
-var webpack = require("webpack");
+const webpack = require("webpack");
-var MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-var HtmlWebpackPlugin = require("html-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
 
 module.exports = (env, argv) => {
   const isDevServer = (env || {}).devServer === true;
@@ -97,6 +98,14 @@ module.exports = (env, argv) => {
       new MiniCssExtractPlugin({
         filename: "[name].css",
       }),
+      new ForkTsCheckerWebpackPlugin({
+        typescript: {
+          diagnosticOptions: {
+            semantic: true,
+            syntactic: true,
+          },
+        },
+      }),
     ],
     target: "web",
     entry: entries,