clean project

Makefile

@@ -1,21 +1,35 @@
-default: install
+default: build
 
 config.pug:
 	cp config-sample.pug config.pug
 
-dist/css/hd-app.css: src/scss/main.scss
-	npx grunt sass
-
-install: 
-	git submodule update --init --recursive
+node_modules:
 	npm install
 
-build: config.pug
-	npx grunt sass
-	npx pug --pretty -p index.pug < index.pug > index.html
+install: node_modules
+	git submodule update --init --recursive
+
+dist/css/hd-app.css: $(wildcard src/scss/*.scss)
+	npx node-sass src/scss/main.scss dist/css/hd-app.css --source-map true
+
+index.html: config.pug index.pug $(wildcard src/html/*.pug)
+	npx pug --pretty index.pug
+
+build: index.html dist/css/hd-app.css
+
+build-prod: index.html
+npx node-sass src/scss/main.scss dist/css/hd-app.css --output-style compressed
+
+watch:
+	@echo 'watching for change'
+	@echo 'press ctrl+C to stop'
+	@while true; do \
+		make build --silent; \
+		sleep 0.5; \
+	done
 
 serve: dist/css/hd-app.css
 	php -S 127.0.0.1:8080 router.php
 
 
-.PHONY: default install build serve
+.PHONY: default install build build-prod watch serve