1. var gulp = require('gulp');
  2. var jshintorig = require('jshint');
  3. var jshint = require('gulp-jshint');
  4. var concat = require('gulp-concat');
  5. var rename = require('gulp-rename');
  6. var uglify = require('gulp-uglify');
  7. var notify = require('gulp-notify');
  8. // var sass = require('gulp-sass');
  9. // var autoprefixer = require('gulp-autoprefixer');
  10. var sourcemaps = require('gulp-sourcemaps');
  11. var plumber = require('gulp-plumber');
  12. var del = require('del');
  13. var data = require('gulp-data');
  14. var stylus = require('gulp-stylus')
  15. var nib = require('nib');
  17. var reportError = function (error) {
  18. var lineNumber = (error.lineNumber) ? 'LINE ' + error.lineNumber + ' -- ' : '';
  20. notify({
  21. title: 'Task Failed [' + error.plugin + ']',
  22. message: lineNumber + 'See console.',
  23. }).write(error);
  25. var report = '';
  27. report += 'TASK:' + ' [' + error.plugin + ']\n';
  28. report += 'PROB:' + ' ' + error.message + '\n';
  29. if (error.lineNumber) { report += 'LINE:' + ' ' + error.lineNumber + '\n'; }
  30. if (error.fileName) { report += 'FILE:' + ' ' + error.fileName + '\n'; }
  31. console.error(report);
  33. this.emit('end');
  34. }
  36. var reportJSHintError = function(error) {
  37. var lineNumber = (error.lineNumber) ? 'LINE ' + error.lineNumber + ' -- ' : '';
  39. notify({
  40. title: 'Task Failed [' + error.plugin + ']',
  41. message: lineNumber + 'See console.',
  42. }).write(error);
  44. this.emit('end');
  45. }
  47. gulp.task('clean', function() {
  48. return del(['dist']);
  49. });
  51. gulp.task('scripts', ['clean'], function() {
  52. return gulp.src('app/source/scripts/**/*.js')
  53. .pipe(plumber({ errorHandler: reportJSHintError }))
  54. .pipe(sourcemaps.init())
  55. .pipe(jshint())
  56. .pipe(jshint.reporter('jshint-stylish'))
  57. .pipe(concat('main.js'))
  58. .pipe(rename({ suffix: '.min' }))
  59. .pipe(uglify())
  60. .pipe(sourcemaps.write())
  61. .pipe(gulp.dest('app/dist/js'));
  62. // .pipe(notify({ message: 'Scripts task complete' }));
  63. });
  65. gulp.task('scss', ['clean'], function() {
  66. return gulp.src('app/source/scss/**/*.scss')
  67. .pipe(plumber({ errorHandler: reportError }))
  68. .pipe(sourcemaps.init())
  69. .pipe(autoprefixer('last 2 versions', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
  70. .pipe(sass({ style: 'compressed', }))
  71. .pipe(concat('main.css'))
  72. .pipe(rename({ suffix: '.min' }))
  73. .pipe(sourcemaps.write())
  74. .pipe(gulp.dest('app/dist/styles'));
  75. //.pipe(notify({ message: 'Styles task complete' }));
  76. });
  78. gulp.task('stylus', ['clean'], function() {
  79. return gulp.src('app/source/stylus/**/*.styl')
  80. .pipe(plumber({ errorHandler: reportError }))
  81. .pipe(sourcemaps.init())
  82. .pipe(stylus({use: nib(), import: ['nib']}))
  83. .pipe(concat('styles.css'))
  84. .pipe(rename({ suffix: '.min' }))
  85. .pipe(sourcemaps.write())
  86. .pipe(gulp.dest('app/dist/styles'));
  87. //.pipe(notify({ message: 'Stylus task complete' }));
  88. });
  90. gulp.task('html', ['clean'], function() {
  91. return gulp.src(['app/source/html/**/*.*'])
  92. .pipe(gulp.dest('app/dist'));
  93. });
  95. gulp.task('libs', ['clean'], function() {
  96. return gulp.src(['app/source/libs/**/*.*'])
  97. .pipe(gulp.dest('app/dist/libs'));
  98. });
  100. gulp.task('fonts', ['clean'], function() {
  101. return gulp.src(['app/source/fonts/**/*.*'])
  102. .pipe(gulp.dest('app/dist/fonts'));
  103. });
  105. gulp.task('images', ['clean'], function() {
  106. return gulp.src(['app/source/images/**/*.*'])
  107. .pipe(gulp.dest('app/dist/img'));
  108. });
  110. gulp.task('favicons', ['clean'], function() {
  111. return gulp.src(['app/source/favicons/**/*.*'])
  112. .pipe(gulp.dest('app/dist/favicons'));
  113. });
  115. gulp.task('default', function() {
  116. var tasks = ['scripts', 'stylus', 'html', 'libs', 'fonts', 'images', 'favicons'];
  117. gulp.watch('app/source/**/*', tasks);
  118. });