Merge pull request #161 from alleyinteractive/typescript-lint

Add typescript type checking

Author: srtfisher

entries/example-entry/index.scss

@@ -0,0 +1,7 @@
+/*---
+Example Entry
+---
+
+@purpose
+  For example purposes only.
+*/

entries/example-entry/index.ts

@@ -4,3 +4,5 @@
  * Entries are automatically built with webpack when included inside the
  * ../entries directory. Enqueue in an entry index.php file or in src/assets.php
  */
+
+import './index.scss';

package.json

@@ -15,8 +15,10 @@
     "build": "wp-scripts build --webpack-copy-php --webpack-src-dir=blocks",
     "dev": "npm run start",
     "create-block": "cd blocks && npx @wordpress/create-block --template ../bin/create-block --no-plugin",
+    "precheck-types": "check-node-version --package",
+    "check-types": "tsc",
     "lint:fix": "eslint --ext .jsx --ext .js --ext .ts --ext .tsx . --fix",
-    "lint": "eslint --ext .jsx --ext .js --ext .ts --ext .tsx .",
+    "lint": "npm run check-types && eslint --ext .jsx --ext .js --ext .ts --ext .tsx .",
     "postinstall": "rm -rf node_modules/.cache/babel-loader && rm -rf node_modules/.cache/webpack",
     "prebuild": "check-node-version --package",
     "predev": "check-node-version --package",

tsconfig.json

@@ -8,17 +8,19 @@
     "jsx": "react-jsx",
     "module": "es6",
     "moduleResolution": "node",
-    "resolveJsonModule": true,
     "noImplicitAny": true,
     "outDir": "build",
     "paths": {
       "@/*": ["*"]
     },
-    "target": "es5"
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "es2020"
   },
   "exclude": [
     "vendor",
     "node_modules",
     "build/**/*"
   ]
-}
+}