もう Grunt やら Gulp やらで消耗したくない

build.sh

#!/bin/bash

set -ue

#-------------------------------------------------------------------------------

SOURCE_DIR="."
DESTINATION_DIR="public/assets"
JAVASCRIPTS_DIR="javascripts"
STYLESHEETS_DIR="stylesheets"

JS_ENTRY_FILE="index.js"
JS_BUNDLED_FILE="bundle.js"
SASS_ENTRY_FILE="style.scss"
CSS_BUNDLED_FILE="style.css"

NODE_SASS_OPTS="--include-path ./node_modules/bootstrap-sass/assets/stylesheets"
BROWSERIFY_OPTS="-t [ babelify --presets [ es2015 ] ]"

#-------------------------------------------------------------------------------

cd $(dirname $0)

while getopts wsp:h OPT
do
    case $OPT in
        w)  WATCH=yes
            ;;
        s)  SERVE_HTTP=yes
            ;;
        p)  LISTEN_PORT=${OPTARG}
            ;;
        h | \?)
            echo "Usage: $0 [-w] [-s [-p port]]" 1>&2
            exit 1
            ;;
    esac
done

function join_path() {
    bash -c 'IFS=/; echo "$*"' -- $*
}

PIDS=()
function cleanup() {
    echo
    echo "exiting..."
    for (( I = 0; I < ${#PIDS[@]}; ++I ))
    do
        kill ${PIDS[$I]}
    done
}

function register() {
    PIDS=("${PIDS[@]:+${PIDS[@]}}" "${1}")
}

trap cleanup 2

function build_javascripts() {
    mkdir -p $(join_path ${DESTINATION_DIR} ${JAVASCRIPTS_DIR})
    local OPTS="$BROWSERIFY_OPTS \
          $(join_path ${SOURCE_DIR} ${JAVASCRIPTS_DIR} ${JS_ENTRY_FILE}) \
          -o $(join_path ${DESTINATION_DIR} ${JAVASCRIPTS_DIR} ${JS_BUNDLED_FILE})"

    if [ ${WATCH:-x} = "yes" ]; then
        watchify -d -v $OPTS &
        register $!
    else
        browserify $OPTS &
        register $!
    fi
}

function build_stylesheets() {
    mkdir -p $(join_path ${DESTINATION_DIR} ${STYLESHEETS_DIR})
    local OPTS="$NODE_SASS_OPTS \
          $(join_path ${SOURCE_DIR} ${STYLESHEETS_DIR} ${SASS_ENTRY_FILE}) \
          $(join_path ${DESTINATION_DIR} ${STYLESHEETS_DIR} ${CSS_BUNDLED_FILE})"

    local WATCH_OPTS=""
    if [ ${WATCH:-x} = "yes" ]; then
        WATCH_OPTS="-w"
    fi

    node-sass ${WATCH_OPTS} ${OPTS} &
    register $!
}

function start_httpd() {
    darkhttpd "./public" --port "${LISTEN_PORT:-3000}" &
    register $!
}

#-------------------------------------------------------------------------------

npm install

build_javascripts
build_stylesheets

if [ ${SERVE_HTTP:-x} = "yes" ]; then
    start_httpd
fi

wait