Make Assets Cheat Sheet

From WikiOD

Here is the cheatsheat of Make Assets and basic guide on how to use Make Assets

Basic compiling[edit | edit source]

bin := ./node_modules/.bin

all: build/foo.js

build/%.js: src/%.coffee
    @$(bin)/coffee < $^ > $@

Stylus + Autoprefixer[edit | edit source]

bin := ./node_modules/.bin
stylus := $(bin)/stylus
autoprefixer := $(bin)/autoprefixer
styl_files := $(shell find web/ -name "*.styl")

all: public/app.css

public/app.css: css/app.styl

%.css: %.styl $(styl_files)
    @$(stylus) $< | $(autoprefixer) -b "> 1%" > $@

Hint[edit | edit source]

hint:
   $(js_files)

Watching[edit | edit source]

watch:
    @echo "... watching for changes"
    @while true; do make -s; sleep 1; done

Browserify[edit | edit source]

js_files := $(shell find web/ -name "*.js")

public/app.js: web/app.js
public/vendor.js: web/vendor.js

public/%.js: web/%.js $(js_files)
    $(browserify) -t [ cssify -x .css ] $< > $@

Credit:rstacruz