fixed webpack

SubZane · Apr 7, 2020 · a147c68 · a147c68
1 parent 2d269e6
commit a147c68
Show file tree

Hide file tree

Showing 5 changed files with 537 additions and 2 deletions.
diff --git a/dist/main.js b/dist/main.js
diff --git a/dist/main.js.map b/dist/main.js.map
diff --git a/public/demo.html b/public/demo.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+		<link
+			rel="stylesheet"
+			href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
+			integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
+			crossorigin="anonymous"
+		/>
+		<!-- Place this tag in your head or just before your close body tag. -->
+		<link rel="stylesheet" href="styles.css" />
+		<title>React App</title>
+	</head>
+	<body>
+		<noscript>You need to enable JavaScript to run this app.</noscript>
+
+		<header>
+			<div class="container">
+				<div class="row">
+					<div class="col-sm">
+						<img src="img/flymenu-reactjs.svg" class="img-fluid" alt="" />
+						<p class="version">v1.0</p>
+						<a href="https://github.com/SubZane/flymenu-reactjs" class="github">Dowload on Github</a>
+					</div>
+				</div>
+			</div>
+		</header>
+		<div class="container">
+			<div class="row">
+				<div class="col-sm">
+					<p class="intro">
+						flymenu-reactjs is an off-canvas menu component written in ReactJS with TypeScript and Styled Components.
+					</p>
+					<h1>About flymenu-reactjs</h1>
+					<p>
+						flymenu-reactjs is an off-canvas menu component written in ReactJS with TypeScript and Styled Components.
+					</p>
+					<h2>Getting started</h2>
+					<p>
+						Go to the Github page and follow instructions
+					</p>
+					<h2>Features</h2>
+					<p>
+						<ul>
+							<li>Populated by JSON-data</li>
+							<li>Customizable with diferent types of animation effects</li>
+							<li>Extendable. Put anything in the off-canvas panel instead of the menu (if you wish)</li>
+						</ul>
+					</p>
+					<h2>Demonstration</h2>
+					<p>Use the round button in the bottom right corner to open up the menu</p>
+					<div id="root"></div>
+				</div>
+			</div>
+		</div>
+  <!-- Load React. -->
+  <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
+  <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
+  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
+
+  <!-- Load our React component. -->
+  <script src="../dist/main.js"></script>
+	</body>
+</html>
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/tsconfig.json b/tsconfig.json
@@ -13,8 +13,8 @@
 		// "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
 		// "sourceMap": true,                     /* Generates corresponding '.map' file. */
 		// "outFile": "./",                       /* Concatenate and emit output to single file. */
-		"outDir": "./build/bin" /* Redirect output structure to the directory. */,
-		"rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
+		"outDir": "./dist/" /* Redirect output structure to the directory. */,
+		//"rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
 		// "composite": true,                     /* Enable project compilation */
 		// "tsBuildInfoFile": "./",               /* Specify file to store incremental compilation information */
 		// "removeComments": true,                /* Do not emit comments to output. */