feat: Turn index.html into a template

This commit is contained in:
Alexander Polynomdivision 2018-10-03 20:48:39 +02:00
parent 082f254da0
commit 4857067481
4 changed files with 1225 additions and 7 deletions

View File

@ -12,7 +12,7 @@ clean:
build: prod build: prod
prod: node_modules clean prod: node_modules clean
@echo Building with parcel @echo Building with parcel
./node_modules/.bin/parcel build --out-dir dist/app src/index.html NODE_DEV=production ./node_modules/.bin/parcel build --out-dir dist/app src/index.hbs
./node_modules/.bin/parcel build --out-dir dist src/lost.html src/error.html ./node_modules/.bin/parcel build --out-dir dist src/lost.html src/error.html
sed -e "s/\/src/\/app\/src/g" --in-place dist/app/index.html sed -e "s/\/src/\/app\/src/g" --in-place dist/app/index.html
@ -20,7 +20,7 @@ prod: node_modules clean
dev: node_modules clean dev: node_modules clean
@echo Building with parcel @echo Building with parcel
./node_modules/.bin/parcel build --out-dir dist/app src/index.html NODE_ENV=development ./node_modules/.bin/parcel build --out-dir dist/app src/index.hbs
./node_modules/.bin/parcel build --out-dir dist src/lost.html src/error.html ./node_modules/.bin/parcel build --out-dir dist src/lost.html src/error.html
sed -e "s/\/src/\/app\/src/g" --in-place dist/app/index.html sed -e "s/\/src/\/app\/src/g" --in-place dist/app/index.html

File diff suppressed because it is too large Load Diff

View File

@ -24,6 +24,7 @@
"html-webpack-plugin": "3.2.0", "html-webpack-plugin": "3.2.0",
"jest": "^23.6.0", "jest": "^23.6.0",
"parcel-bundler": "^1.9.7", "parcel-bundler": "^1.9.7",
"parcel-plugin-handlebars": "^0.4.4",
"ts-jest": "^23.1.4", "ts-jest": "^23.1.4",
"typescript": "^2.9.2", "typescript": "^2.9.2",
"uglify-js": "^3.4.9", "uglify-js": "^3.4.9",

View File

@ -12,9 +12,14 @@
<link rel="stylesheet" href="./index.css"> <link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> {{#eq NODE_ENV "development"}}
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> <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>
{{else}}
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
{{/eq}}
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>