fix(web): refactor line to add a guard instead for easier readability

When a typescript webpack config file is provided as an option for the web build executor `nx
run
project:serve` will not fail because the file type is typescript.
ISSUES CLOSED: nrwl#7454

packages/web/package.json

@@ -100,6 +100,7 @@
     "terser": "4.3.8",
     "terser-webpack-plugin": "^5.1.1",
     "ts-loader": "^9.2.6",
+    "ts-node": "~9.1.1",
     "tsconfig-paths": "^3.9.0",
     "tsconfig-paths-webpack-plugin": "3.4.1",
     "tslib": "^2.0.0",

packages/web/src/utils/webpack/tsNodeRegister.ts

@@ -1,5 +1,5 @@
 export function tsNodeRegister(file: string = '', tsConfig?: string) {
-  if (file && file.endsWith('.ts')) {
+  if (!file?.endsWith('.ts')) return;
     // Register TS compiler lazily
     require('ts-node').register({
       project: tsConfig,
@@ -16,5 +16,4 @@ export function tsNodeRegister(file: string = '', tsConfig?: string) {
     if (baseUrl && paths) {
       tsconfigPaths.register({ baseUrl, paths });
     }
-  }
 }