Part 1 - Include Typescript configuration

FRFlor · FRFlor · commit 39eeedd7a0f1 · 2019-04-24T17:45:26.000-04:00
# tsconfig.json
This file is where the compilation options are set.
  Some important points to highlight:
  - In this example, I've set the code to be transformed from "es2017" into "commonjs".
  - The module resolution strategy chosen was "node". For older versions of typescript (1.5 and under), the mode would be "classic".
  - experimentalDecorators is set to true because this is a requirement for the upcoming vue typescript decorators. A crucial library for us to have strongly typed Vue components.
  - The "include" key is only referencing which files should the typescript transpiler pay attention to.
  - Every other option chosen is a matter of personal preference on how strict you want your Typescript experience to be.

# global-declares.d.ts
- Typescript requires imports to reference modules. This file is just informing typescript that whatever import referencing a .vue file, should be understood as a Vue object.
diff --git a/resources/js/global-declares.d.ts b/resources/js/global-declares.d.ts
@@ -0,0 +1,4 @@
+declare module '*.vue' {
+    import Vue from 'vue';
+    export default Vue;
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "strict": true,
+    "noImplicitAny": true,
+    "sourceMap": true,
+    "experimentalDecorators": true
+  },
+  "include": [
+    "resources/js/**/*"
+  ]
+}
