fin(npm, html, sass, ts)

todo(js minimizer)
erth5 · Jul 1, 2020 · d845711 · d845711
1 parent 94cedf5
commit d845711
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 7 deletions.
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
diff --git a/README.md b/README.md
@@ -1,4 +1,9 @@
 # webstorm-template
-a webstorm starter template
 
-this template contains a basic folder structure, configured sass and configured ts
+this template is for webstorm web projects
+it contains:
+- a basic folder structure
+- initialized npm
+- configured sass compiler and css minimizer (run automatic)
+- configured ts compiler and js minimizer (run automatic)
+- 
diff --git a/function.ts b/function.ts
@@ -0,0 +1,13 @@
+/*own jQuery selector
+  $ as selector over all
+  $f as selector to select first element
+ */
+
+var $ = function (object) {
+    return document.querySelectorAll(object);
+};
+var $f = function (object) {
+    return document.querySelector(object);
+};
+
+console.log("function.min.js")
diff --git a/index.html b/index.html
@@ -1,19 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <!-- Metadaten -->
+    <!-- Metadata -->
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Title</title>
+
+    <!-- CSS Import -->
     <link href="style.min.css" rel="stylesheet" title="Cool stylesheet" type="text/css">
 
 </head>
 <body>
-
+<p>example paragraph</p>
 </body>
 
-<!-- JS Import
-<script src="style.min.js"></script>-->
+<!-- JS Import -->
+<script src="function.min.js"></script>
 
-</html>npm
+</html>
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es5",
+    "sourceMap": true
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}