clean project

.htaccess

-<IfModule mod_rewrite.c>
-  RewriteEngine On
-  RewriteBase /
-  RewriteRule ^index\.html$ - [L]
-  RewriteCond %{REQUEST_FILENAME} !-f
-  RewriteCond %{REQUEST_FILENAME} !-d
-  RewriteRule . /index.html [L]
-</IfModule>

Gruntfile.js

-/*global module:false*/
-module.exports = function(grunt) {
-
-  // Project configuration.
-  grunt.initConfig({
-    // Metadata.
-    pkg: grunt.file.readJSON('package.json'),
-
-    // Task configuration.
-    sass: {
-      options: {
-        sourceMap: true
-      },
-      dist: {
-        files: {
-          'dist/css/<%= pkg.name %>.css': 'src/scss/main.scss'
-        }
-      }
-    },
-    
-    watch: {
-      files: ['src/scss/**/*.scss'],
-      tasks: ['sass'],
-    }
-  });
-
-  // These plugins provide necessary tasks.
-  //grunt.loadNpmTasks('grunt-contrib-concat');
-  grunt.loadNpmTasks('grunt-sass');
-  //grunt.loadNpmTasks('grunt-contrib-uglify');
-  grunt.loadNpmTasks('grunt-contrib-watch');
-
-  // Default task.
-  grunt.registerTask('default', ['sass']);
-
-};

Makefile

-default: install
+default: build
 
 config.pug:
 	cp config-sample.pug config.pug
 
-dist/css/hd-app.css: src/scss/main.scss
-	npx grunt sass
+node_modules:
+	npm install
 
-install: 
+install: node_modules
 	git submodule update --init --recursive
-	npm install
 
-build: config.pug
-	npx grunt sass
-	npx pug --pretty -p index.pug < index.pug > index.html
+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

README.md

@@ -9,11 +9,16 @@ clone then:
 
 ## Build
 
-Compile sass & pug
+Compile html & css:
 
 * `make build`
 
+or compile html & css on change:
+
+* `make watch`
+
 ## Run server
 
 require PHP
+
 * `make serve`

package.json

@@ -5,12 +5,7 @@
     "node": ">= 0.10.0"
   },
   "devDependencies": {
-    "grunt": "~0.4.5",
-    "grunt-contrib-concat": "~0.4.0",
-    "grunt-contrib-jshint": "~0.10.0",
-    "grunt-contrib-uglify": "~0.5.0",
-    "grunt-contrib-watch": "~0.6.1",
-    "grunt-sass": "^2.1.0",
+    "node-sass": "^4.9.3",
     "pug-cli": "^1.0.0-alpha6"
   },
   "dependencies": {