Makefile

#
# Binaries
#

BIN := ./node_modules/.bin

#
# Variables
#

HOST      ?= localhost
PORT      ?= 8080

SCRIPTS    = $(shell find source -type f -name '*.js')
STYLES     = $(shell find source -type f -name '*.css')

ASSETS     = build/index.html build/404.html

TRANSFORMS = -t [ babelify ]
BROWSERS   = "last 2 versions"

#
# Tasks
#

build: assets scripts styles

watch: install
	@budo source/js/index.js:assets/bundle.js -d build -H $(HOST) --port $(PORT) -l -- $(TRANSFORMS) & \
		cssnext --watch source/css/index.css build/assets/bundle.css & \
		onchange "./**/*.{html,jpg,jpeg,png,gif}" -- make assets & wait

install: node_modules

clean:
	@rm -rf build
clean-deps:
	@rm -rf node_modules/

#
# Shorthands
#

assets: $(ASSETS)
scripts: build/assets/bundle.js
styles: build/assets/bundle.css

#
# Targets
#

node_modules: package.json
	@npm install

build/%: source/%
	@mkdir -p $(@D)
	@cp $< $@

build/assets/%.js: $(SCRIPTS)
	@mkdir -p $(@D)
	@browserify $(TRANSFORMS) source/js/index.js -o $@

build/assets/%.css: $(STYLES)
	@mkdir -p $(@D)
	@cssnext --browsers $(BROWSERS) --sourcemap $< $@

#
# These tasks will be run every time regardless of dependencies.
#

.PHONY: develop clean clean-deps