Fix tsconfigs structure

README.md

@@ -162,9 +162,9 @@ This takes the **all** Bootstrap variables _anywhere_ you use it and replaces it
 
 -   `README.md` the markdown file that displays here in GitHub that you're reading right now. And what I probably use as my "lecture" notes during my videos!
 
--   `tsconfig.client.json` the TypeScript rules our TSC compiler will follow and allow when building our React app. There are several options to play with to standarize `import` statements, allow the use of `any` (don't do this though lol), but make sure not to remove `"jsx": "react",` by mistake or it won't know what you're trying to write in those `.tsx` files!
+-   `src/client/tsconfig.json` the TypeScript rules our TSC compiler will follow and allow when building our React app. There are several options to play with to standarize `import` statements, allow the use of `any` (don't do this though lol), but make sure not to remove `"jsx": "react",` by mistake or it won't know what you're trying to write in those `.tsx` files!
 
--   `tsconfig.server.json` the same as above, basically, except for our server code. We tell it to include the types for `node` and `express` so it can help us write the basics of our server with improved intellisense support and less manual strong typing. Basically it makes our TSC "infer" some of the basic server types for us automatically.
+-   `src/server/tsconfig.json` the same as above, basically, except for our server code. We tell it to include the types for `node` and `express` so it can help us write the basics of our server with improved intellisense support and less manual strong typing. Basically it makes our TSC "infer" some of the basic server types for us automatically.
 
 -   `webpack.config.js` the rules, loaders, and plugins our entire build process follows. There's a lot of stuff _bundled_ 🤣🤣 in this one .. so let's break down the high points in its own subsection below.
 

src/client/tsconfig.json

@@ -0,0 +1,18 @@
+{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+	  "outDir": "./public/js/",
+	  "noImplicitAny": true,
+	  "module": "es6",
+	  "moduleResolution": "node",
+	  "target": "es5",
+	  "jsx": "react",
+	  "allowSyntheticDefaultImports": true,
+	  "lib":[
+		  "es2015", "dom"
+	  ]
+	},
+	"include": [
+		"."
+	],
+}

src/server/tsconfig.json

@@ -0,0 +1,21 @@
+{
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+	  "outDir": "./dist/",
+	  "module": "commonjs",
+	  "target": "es5",
+	  "allowSyntheticDefaultImports": true,
+	  "lib": [
+		  "es2017"
+	  ],
+	  "types": [
+		  "node", "express",
+	  ],
+	  "typeRoots": [
+		"./src/server/types"
+	  ]
+	},
+	"include": [
+		"."
+	],
+}

tsconfig.json

@@ -0,0 +1,5 @@
+{
+    "exclude": [
+        "node_modules"
+    ]
+}

webpack.config.js

@@ -11,7 +11,8 @@ const serverConfig = {
 				loader: 'ts-loader',
 				exclude: /node_modules/,
 				options: {
-					configFile: 'tsconfig.server.json'
+					context: path.resolve(__dirname, './src/server'),
+					configFile: 'tsconfig.json'
 				}
 			}
 		]
@@ -41,7 +42,8 @@ const clientConfig = {
 				loader: 'ts-loader',
 				exclude: /node_modules/,
 				options: {
-					configFile: 'tsconfig.client.json'
+					context: path.resolve(__dirname, './src/client'),
+					configFile: 'tsconfig.json'
 				}
 			},
 			{