Typescript boilerplate

2020-03-28 15:29:39 -07:00
parent d50016ffa0
commit 4f98b9a9b9
6 changed files with 46 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,2 @@
+modules
+node_modules
--- a/index.html
+++ b/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <title>Snappa</title>
+    <link rel="stylesheet" href="site.css">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script type="module" src="index.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Snappa</h1>
+    </header>
+    <main>
+      <div id="main"></div>
+      <noscript>It's a Gentleman's Game</noscript>
+    </main>
+  </body>
+</html>
--- a/index.js
+++ b/index.js
@@ -0,0 +1,3 @@
+import { startApp } from "./modules/index.js";
+
+startApp();
--- a/site.css
+++ b/site.css
--- a/src/index.ts
+++ b/src/index.ts
@@ -0,0 +1,8 @@
+export const startApp = () => {
+    const root = <HTMLDivElement>document.getElementById("main");
+
+    const div = document.createElement("div");
+    div.innerHTML = "Sup bro";
+
+    root.appendChild(div);
+};
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+        "module": "es2015",
+        "outDir": "modules",
+        "strictNullChecks": true,
+        "target": "es2018"
+    },
+    "include": [
+        "src/**/*/"
+    ],
+    "exclude": [
+        "node_modules"
+    ]
+}