Dockerfile for any gulp & gulp-sass ruby-free Drupal theme.

Recommended usage is pull container from the skilldlabs/frontend Docker Hub

docker pull skilldlabs/frontend

Then add shell alias

alias front="docker run --rm -it -v $(pwd):/work skilldlabs/frontend"

Run commands within theme directory with package.json file.

• Run gulp by default - front
• Update local node_modules - front npm update
• Run watch task - front gulp watch (to stop container use separate console)

Also alias could have user mapping to create files owned by current user

docker run --rm -it -v $(pwd):/work -u www-data:www-data skilldlabs/frontend gulp watch

Build local container

docker build -t front latest

Then add shell alias including browsersync ports(3000 for site and 3001 for browsersync UI)

alias n='docker run -p 3000:3000 -p 3001:3001 --rm -it -v $(pwd):/work front '

Finally use for build

• n npm update
• n gulp watch

Known issues: Gulp watch is not interupable so use docker stop <hash> from other console Gulp watch will not reload browser in this case cause of ports issue(localhost required).

For old projects managed with ruby and gems use tag omega_4_3 (for compass 0.12) and omega_4_4 (for compass 1+)̨. For 4_3:

alias omega_4_3='docker run --rm -it -v $(pwd):/work skilldlabs/frontend:omega_4_3 '

then go to theme folder and run:

omega_4_3

it will execute "compass compile -e production -s compact" Or you can use "omega_4_3 compass watch" etc. Same for 4_4

Hint:

Also will be useful bash function. Just add following code:

dfe() {
  if [ ! -z "$1" ]; then
    version=:$1
  fi
  docker run --rm -it -v $(pwd):/work skilldlabs/frontend$version
}

to your .bashrc or etc. And call proper container to compile your styles.

dfe
dfe zen # for Zen theme  
dfe omega_4_4 # for Omega theme v4.4
dfe omega_4_3 # for Omega theme v4.3