Skip to content

Instantly share code, notes, and snippets.

@yhsiang
Forked from chriskjaer/gulpfile.js
Last active July 21, 2018 03:52
Show Gist options
  • Star 8 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save yhsiang/8664407 to your computer and use it in GitHub Desktop.
Save yhsiang/8664407 to your computer and use it in GitHub Desktop.
switch node-sass to stylus
var gulp = require('gulp'),
gutil = require('gulp-util'),
stylus = require('gulp-stylus'),
uglify = require('gulp-uglify'),
jade = require('gulp-jade'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'),
tinylr = require('tiny-lr'),
express = require('express'),
app = express(),
marked = require('marked'), // For :markdown filter in jade
path = require('path'),
server = tinylr();
// --- Basic Tasks ---
gulp.task('css', function() {
return gulp.src('src/assets/stylesheets/*.styl')
.pipe( stylus({ set: ['compress']} ) )
.pipe( gulp.dest('dist/assets/stylesheets/') )
.pipe( livereload( server ) );
});
gulp.task('js', function() {
return gulp.src('src/assets/scripts/*.js')
.pipe( uglify() )
.pipe( concat('all.min.js'))
.pipe( gulp.dest('dist/assets/scripts/'))
.pipe( livereload( server ) );
});
gulp.task('templates', function() {
return gulp.src('src/*.jade')
.pipe( jade({ pretty: true }))
.pipe( gulp.dest('dist/'))
.pipe( livereload( server ));
});
gulp.task('express', function() {
app.use(require('connect-livereload')());
app.use(express.static(path.resolve('./dist')));
app.listen(1337);
gutil.log('Listening on port: 1337');
});
gulp.task('watch', function () {
server.listen(35729, function (err) {
if (err) return console.log(err);
});
gulp.watch('src/assets/stylesheets/*.styl',['css']);
gulp.watch('src/assets/js/*.js',['js']);
gulp.watch('src/*.jade',['templates']);
});
// Default Task
gulp.task('default', ['js','css','templates','express','watch']);
{
"name": "gulp",
"version": "0.0.0",
"description": "Gulp Recipe - Jade, Sass, Livereload and static server",
"main": "index.js",
"scripts": {
},
"author": "Chris Kjaer",
"license": "ISC",
"devDependencies": {
"gulp-concat": "~2.1.7",
"gulp-util": "~2.2.12",
"gulp": "~3.5.0",
"gulp-uglify": "~0.1.0",
"gulp-stylus": "0.0.11",
"gulp-jade": "~0.3.0",
"gulp-livereload": "~0.2.0",
"tiny-lr": "0.0.5",
"express": "~3.4.8",
"marked": "~0.3.0"
}
}
@stellar76
Copy link

thanks bro.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment