Makefile example for frontend dev

Makefile

bin = ./node_modules/.bin

# (spec, dot, progress, tap, landing, nyan, min (mocha --reporters))
REPORTER = spec


build-prod: ## Build a clean prod versions
	@ NODE_ENV=develop \
		$(bin)/webpack --config ./build/config-webpack-dist.coffee
	@ cp ./assets/favicon.ico ./dist/favicon.ico

.PHONY: test
test: ## Run tests in node
	@ NODE_ENV=test \
		$(bin)/mocha-webpack \
		--webpack-config ./build/config-webpack-test.coffee \
		--reporter $(REPORTER) \
		"test/**/*.{js,ts,coffee}"

lint: ## Run a typescript linter
	@ NODE_ENV=develop \
		$(bin)/tslint \
		-c ./build/tslint.json \
		--project ./build/tsconfig.json


validate: lint test ## Lint and test before release




# -----------------------------------------------------------
# -----  EVERYTHING BELOW THIS LINE IS NOT IMPORTANT --------
# -----       (Makefile helpers and decoration)      --------
# -----------------------------------------------------------
#
# Decorative Scripts - Do not edit below this line unless you know what it is

.PHONY: help
.DEFAULT_GOAL := help

NO_COLOR    = \033[0m
INDENT      = -30s
BIGINDENT   = -50s
GREEN       = \033[36m
BLUE        = \033[34m
DIM         = \033[2m
YELLOW      = \033[33m

# @printf '$(DIM)Variables$(NO_COLOR):\n'
# @printf "$(DIM)$(BLUE) % $(BIGINDENT)$(NO_COLOR) %s \n" "Secrets folder name:" ./$(secretsFolderName)
help:
	@printf '$(DIM)Commands:$(NO_COLOR)\n'
	@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | awk 'BEGIN {FS = ":.*?## "}; {printf "$(GREEN) % $(BIGINDENT)$(NO_COLOR) - %s\n", $$1, $$2}'

result.png