JoelCodes · April 14, 2020 00:46
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./index.scss">
 </head>
 <body>
  <div id="root"></div>
  <script src="./index.tsx"></script>
 </body>
 </html>
diff --git a/index.scss b/index.scss
 html, body, #root {
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
 }
diff --git a/package.json b/package.json
 {
  "name": "parcel-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "parcel index.html"
  },
  "keywords": [],
  "author": "Joel Shinness <[email protected]> (http://joelshinness.com)",
  "license": "ISC",
  "dependencies": {
    "@types/react": "^16.9.34",
    "@types/react-dom": "^16.9.6",
    "parcel": "^1.12.4",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "typescript": "^3.8.3"
  },
  "devDependencies": {
    "sass": "^1.26.3"
  }
 }
diff --git a/tsconfig.json b/tsconfig.json
 {
  "compilerOptions": {
    "jsx": "react"
  }
 }
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="./index.scss">
	</head>
	<body>
	<div id="root"></div>
	<script src="./index.tsx"></script>
	</body>
	</html>
	{
	"name": "parcel-demo",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"start": "parcel index.html"
	},
	"keywords": [],
	"author": "Joel Shinness <[email protected]> (http://joelshinness.com)",
	"license": "ISC",
	"dependencies": {
	"@types/react": "^16.9.34",
	"@types/react-dom": "^16.9.6",
	"parcel": "^1.12.4",
	"react": "^16.13.1",
	"react-dom": "^16.13.1",
	"typescript": "^3.8.3"
	},
	"devDependencies": {
	"sass": "^1.26.3"
	}
	}