mirror of
https://github.com/koodiklinikka/koodiklinikka.fi.git
synced 2026-01-26 11:23:58 +00:00
ddb4417442
browserify shim is actually useless now when debowerify is one of the transforms. If a bower package for example doesn't have a 'main' field defined it's still possible to include it by requiring the main file like require('bad-bower-lib/dist/bad-bower')
130 lines
3.4 KiB
CoffeeScript
130 lines
3.4 KiB
CoffeeScript
browserify = require 'browserify'
|
|
chalk = require 'chalk'
|
|
CSSmin = require 'gulp-minify-css'
|
|
ecstatic = require 'ecstatic'
|
|
gulp = require 'gulp'
|
|
gutil = require 'gulp-util'
|
|
jade = require 'gulp-jade'
|
|
livereload = require 'gulp-livereload'
|
|
path = require 'path'
|
|
prefix = require 'gulp-autoprefixer'
|
|
prettyTime = require 'pretty-hrtime'
|
|
source = require 'vinyl-source-stream'
|
|
streamify = require 'gulp-streamify'
|
|
stylus = require 'gulp-stylus'
|
|
uglify = require 'gulp-uglify'
|
|
watchify = require 'watchify'
|
|
|
|
production = process.env.NODE_ENV is 'production'
|
|
|
|
config =
|
|
scripts:
|
|
source: './src/coffee/main.coffee'
|
|
extensions: ['.coffee']
|
|
destination: './public/js/'
|
|
filename: 'bundle.js'
|
|
templates:
|
|
source: './src/jade/*.jade'
|
|
watch: './src/jade/*.jade'
|
|
destination: './public/'
|
|
styles:
|
|
source: './src/stylus/style.styl'
|
|
watch: './src/stylus/*.styl'
|
|
destination: './public/css/'
|
|
assets:
|
|
source: './src/assets/**/*.*'
|
|
watch: './src/assets/**/*.*'
|
|
destination: './public/'
|
|
|
|
handleError = (err) ->
|
|
gutil.log err
|
|
gutil.beep()
|
|
this.emit 'end'
|
|
|
|
gulp.task 'scripts', ->
|
|
|
|
bundle = browserify
|
|
entries: [config.scripts.source]
|
|
extensions: config.scripts.extensions
|
|
debug: not production
|
|
|
|
build = bundle.bundle()
|
|
.on 'error', handleError
|
|
.pipe source config.scripts.filename
|
|
|
|
build.pipe(streamify(uglify())) if production
|
|
|
|
build
|
|
.pipe gulp.dest config.scripts.destination
|
|
|
|
gulp.task 'templates', ->
|
|
pipeline = gulp
|
|
.src config.templates.source
|
|
.pipe(jade(pretty: not production))
|
|
.on 'error', handleError
|
|
.pipe gulp.dest config.templates.destination
|
|
|
|
pipeline = pipeline.pipe livereload(auto: false) unless production
|
|
|
|
pipeline
|
|
|
|
gulp.task 'styles', ->
|
|
styles = gulp
|
|
.src config.styles.source
|
|
.pipe stylus
|
|
'include css': true
|
|
|
|
.on 'error', handleError
|
|
.pipe prefix 'last 2 versions', 'Chrome 34', 'Firefox 28', 'iOS 7'
|
|
|
|
styles = styles.pipe(CSSmin()) if production
|
|
styles = styles.pipe gulp.dest config.styles.destination
|
|
styles = styles.pipe livereload(auto: false) unless production
|
|
styles
|
|
|
|
gulp.task 'assets', ->
|
|
gulp
|
|
.src config.assets.source
|
|
.pipe gulp.dest config.assets.destination
|
|
|
|
gulp.task 'server', ->
|
|
require('http')
|
|
.createServer ecstatic root: path.join(__dirname, 'public')
|
|
.listen 9001
|
|
|
|
gulp.task 'watch', ->
|
|
livereload.listen()
|
|
|
|
gulp.watch config.templates.watch, ['templates']
|
|
gulp.watch config.styles.watch, ['styles']
|
|
gulp.watch config.assets.watch, ['assets']
|
|
|
|
bundle = watchify browserify
|
|
entries: [config.scripts.source]
|
|
extensions: config.scripts.extensions
|
|
debug: not production
|
|
cache: {}
|
|
packageCache: {}
|
|
fullPaths: true
|
|
|
|
bundle.on 'update', ->
|
|
gutil.log "Starting '#{chalk.cyan 'rebundle'}'..."
|
|
start = process.hrtime()
|
|
build = bundle.bundle()
|
|
.on 'error', handleError
|
|
|
|
.pipe source config.scripts.filename
|
|
|
|
build
|
|
.pipe gulp.dest config.scripts.destination
|
|
.pipe(livereload())
|
|
gutil.log "Finished '#{chalk.cyan 'rebundle'}' after #{chalk.magenta prettyTime process.hrtime start}"
|
|
|
|
.emit 'update'
|
|
|
|
gulp.task 'no-js', ['templates', 'styles', 'assets']
|
|
gulp.task 'build', ['scripts', 'no-js']
|
|
# scripts and watch conflict and will produce invalid js upon first run
|
|
# which is why the no-js task exists.
|
|
gulp.task 'default', ['watch', 'no-js', 'server']
|