Public | Automated Build

Last pushed: 18 hours ago
Short Description
Easiest way to compile your SASS files via Gulp ...
Full Description

alpine-gulp-sass

Compiling SASS has never been more easy ...

Installation

docker pull ellerbrock/alpine-gulp-sass

Configuration

Volume Mappings

  • DIR_SASS: map your local SASS folder inside the Container
  • DIR_CSS: map your local CSS folder inside the Container

SASS Files

  • FILES_SASS: define what SASS files you want to use
    • **/*.sass uses all sass files in the folder and all subfolders (default)
    • *.sass uses the sass files in your current sass folder
    • main.sass uses only the main.sass file
    • *.+(sass|scss) uses all sass and scss files in the current folder

Examples

docker run

  • maps the sass folder from your current directory
  • maps the css folder from your current directory
  • compiles all *.sass and *.scss files in your sass folder
docker run -it \
  -v ${PWD}/sass:/site/sass \
  -v ${PWD}/css:/site/css \
  -e SASS='*.+(sass|scss)' \
ellerbrock/alpine-gulp-sass

docker-compose

.env

DIR_SASS=./style/sass
DIR_CSS=./style/css
FILES_SASS=**/*.+(sass|scss)
GULP_DEBUG=true

docker-compose.yml

version: '3'

services:

  gulp:
    image: ellerbrock/alpine-gulp-sass:latest
    volumes:
      - ${DIR_SASS}:/site/sass
      - ${DIR_CSS}:/site/css
    environment:
      - SASS=${FILES_SASS}
      - CSS=${DIR_CSS}
      - - GULP_DEBUG=${GULP_DEBUG}
    networks:
      - webdev

networks:
  webdev:
    driver: bridge

Contact

Docker Pull Command
Owner
ellerbrock
Source Repository