docker-gulp's Introduction

Gulp in Docker

Run Gulp in a container on top of phusion/baseimage

Docker commands

Build

docker build \
     --name gulp \
     .

Run

docker run \
    -p 3000:3000 \
    -p 3001:3001 \
    -e TIMEZONE=Europe/Amsterdam \
    -e BASE_DIR=src/static/app \
    -v $PWD/:/project \
    gulp

Filesystem

BASE_DIR = the static files location where sass, css, js, bower and images are stored:

src/static/app (BASE_DIR)
├── bower_components
├── dist // all compiled mess you don't have to worry about
│   ├── scripts
│   │   └── all.js // concatenated scripts which are defined in the gulpfile
│   └── styles
│       ├── ie.css //compiled internet explorer additions
│       └── master.css //compiled master stylesheet
├── images
└── src
    ├── scripts
    │   └── js
    │      └── main.js // your main script source
    └── styles
        └── sass
            ├── inc // your sass components
            │   ├── header.sass
            │   ├── section.sass
            │   └── footer.sass
            └── masters
                ├── ie.sass // your ie additions
                └── master.sass // your master sass from where you @import ../inc/*

Recommend Projects