12 - Using Parceljs

codingforentrepreneurs · codingforentrepreneurs · commit 9f24bf960ab4 · 2020-09-11T13:20:17.000-07:00
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
+gui/ 
+
 # Byte-compiled / optimized / DLL files
 __pycache__/
 *.py[cod]
diff --git a/index.html b/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link rel='stylesheet' href='index.scss'/>
+    </head>
+    <body>
+        <h1>Hello world</h1>
+        <div id='app'></div>
+        <script src='index.js'></script>
+    </body>
+</html>
diff --git a/index.scss b/index.scss
@@ -0,0 +1,3 @@
+body {
+    color: red !important;
+}
diff --git a/package.json b/package.json
@@ -2,7 +2,15 @@
   "name": "sockets",
   "version": "1.0.0",
   "main": "index.js",
+  "scripts": {
+    "start": "parcel serve index.html -d gui",
+    "build": "parcel build index.html --public-url . -d dist"
+  },
   "repository": "https://github.com/codingforentrepreneurs/Websockets-from-Scratch-with-Python-JavaScript",
   "author": "CFE <hello@teamcfe.com>",
-  "license": "MIT"
+  "license": "MIT",
+  "devDependencies": {
+    "parcel-bundler": "^1.12.4",
+    "sass": "^1.26.10"
+  }
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+gui/`
	`2`	`+`
`1`	`3`	`# Byte-compiled / optimized / DLL files`
`2`	`4`	`__pycache__/`
`3`	`5`	`*.py[cod]`