Set up dev server, react

This commit is contained in:
Andrew Morris
2022-03-23 05:55:45 +00:00
parent ec30f1c066
commit 0a30119355
7 changed files with 693 additions and 36 deletions

11
assets/index.html Normal file
View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>Billboard dApp</title>
<script src="/bundle.js"></script>
</head>
<body>
<div id="app"></div>
</body>
</html>

View File

@@ -1,3 +0,0 @@
const msg: string = "Hello world!";
console.log(msg);

8
frontend/index.tsx Normal file
View File

@@ -0,0 +1,8 @@
// eslint-disable-next-line no-use-before-define
import * as React from "react";
import ReactDOM from "react-dom";
window.addEventListener("load", () => {
ReactDOM.render(<>Test</>, document.getElementById("app"));
});

View File

@@ -10,7 +10,11 @@
"license": "CC0",
"private": true,
"dependencies": {
"@types/react": "^17.0.42",
"@types/react-dom": "^17.0.14",
"hardhat": "^2.9.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"webpack": "^5.70.0"
},
"devDependencies": {
@@ -44,6 +48,7 @@
"ts-node": "^10.1.0",
"typechain": "^5.1.2",
"typescript": "^4.5.2",
"webpack-cli": "^4.9.2"
"webpack-cli": "^4.9.2",
"webpack-dev-server": "^4.7.4"
}
}

View File

@@ -5,8 +5,9 @@
"strict": true,
"esModuleInterop": true,
"outDir": "dist",
"declaration": true
"declaration": true,
"jsx": "react"
},
"include": ["./scripts", "./test", "./typechain"],
"include": ["./scripts", "./test", "./typechain", "./frontend"],
"files": ["./hardhat.config.ts"]
}

View File

@@ -1,7 +1,7 @@
const path = require("path");
module.exports = {
entry: "./frontend/index.ts",
entry: "./frontend/index.tsx",
module: {
rules: [
{
@@ -19,4 +19,16 @@ module.exports = {
path: path.resolve(__dirname, "build"),
},
mode: "development",
devServer: {
static: [
{
directory: path.join(__dirname, "build"),
},
{
directory: path.join(__dirname, "assets"),
},
],
compress: true,
port: 9000,
},
};

681
yarn.lock

File diff suppressed because it is too large Load Diff