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');
  16. var browserSync = require('browser-sync').create();
  17. var reload = browserSync.reload
  19. var reportError = function (error) {
  20. var lineNumber = (error.lineNumber) ? 'LINE ' + error.lineNumber + ' -- ' : '';
  22. notify({
  23. title: 'Task Failed [' + error.plugin + ']',
  24. message: lineNumber + 'See console.',
  25. }).write(error);
  27. var report = '';
  29. report += 'TASK:' + ' [' + error.plugin + ']\n';
  30. report += 'PROB:' + ' ' + error.message + '\n';
  31. if (error.lineNumber) { report += 'LINE:' + ' ' + error.lineNumber + '\n'; }
  32. if (error.fileName) { report += 'FILE:' + ' ' + error.fileName + '\n'; }
  33. console.error(report);
  35. this.emit('end');
  36. }
  38. var reportJSHintError = function(error) {
  39. var lineNumber = (error.lineNumber) ? 'LINE ' + error.lineNumber + ' -- ' : '';
  41. notify({
  42. title: 'Task Failed [' + error.plugin + ']',
  43. message: lineNumber + 'See console.',
  44. }).write(error);
  46. this.emit('end');
  47. }
  49. gulp.task('clean', function() {
  50. return del(['dist']);
  51. });
  53. gulp.task('scripts', function() {
  54. return gulp.src('app/source/scripts/**/*.js')
  55. .pipe(plumber({ errorHandler: reportJSHintError }))
  56. .pipe(sourcemaps.init())
  57. .pipe(jshint())
  58. .pipe(jshint.reporter('jshint-stylish'))
  59. .pipe(concat('main.js'))
  60. .pipe(rename({ suffix: '.min' }))
  61. .pipe(uglify())
  62. .pipe(sourcemaps.write())
  63. .pipe(gulp.dest('app/dist/scripts'));
  64. // .pipe(notify({ message: 'Scripts task complete' }));
  65. });
  67. gulp.task('scss', function() {
  68. return gulp.src('app/source/scss/**/*.scss')
  69. .pipe(plumber({ errorHandler: reportError }))
  70. .pipe(sourcemaps.init())
  71. .pipe(autoprefixer('last 2 versions', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
  72. .pipe(sass({ style: 'compressed', }))
  73. .pipe(concat('main.css'))
  74. .pipe(rename({ suffix: '.min' }))
  75. .pipe(sourcemaps.write())
  76. .pipe(gulp.dest('app/dist/styles'));
  77. //.pipe(notify({ message: 'Styles task complete' }));
  78. });
  80. gulp.task('stylus', function() {
  81. return gulp.src('app/source/stylus/**/styles.styl')
  82. .pipe(plumber({ errorHandler: reportError }))
  83. .pipe(sourcemaps.init())
  84. .pipe(stylus({use: nib(), import: ['nib'], 'include css': true}))
  85. .pipe(concat('styles.css'))
  86. .pipe(rename({ suffix: '.min' }))
  87. .pipe(sourcemaps.write())
  88. .pipe(gulp.dest('app/dist/styles'));
  89. //.pipe(notify({ message: 'Stylus task complete' }));
  90. });
  92. gulp.task('html', function() {
  93. return gulp.src(['app/source/html/**/*.*'])
  94. .pipe(gulp.dest('app/dist'));
  95. });
  97. gulp.task('libs', function() {
  98. return gulp.src(['app/source/libs/**/*.*'])
  99. .pipe(gulp.dest('app/dist/libs'));
  100. });
  102. gulp.task('fonts', function() {
  103. return gulp.src(['app/source/fonts/**/*.*'])
  104. .pipe(gulp.dest('app/dist/fonts'));
  105. });
  107. gulp.task('images', function() {
  108. return gulp.src(['app/source/images/**/*.*'])
  109. .pipe(gulp.dest('app/dist/img'));
  110. });
  112. gulp.task('favicons', function() {
  113. return gulp.src(['app/source/favicons/**/*.*'])
  114. .pipe(gulp.dest('app/dist/favicons'));
  115. });
  117. gulp.task('browserSyncInit', function() {
  118. browserSync.init({
  119. server: 'app/dist',
  120. port: 8080,
  121. logLevel: 'silent'
  122. });
  123. });
  125. gulp.task('browserSync', function() {
  126. gulp.watch('app/dist/**/*').on('change', browserSync.reload);
  127. });
  129. gulp.task('default', ['browserSyncInit'], function() {
  130. tasks = ['clean', 'scripts', 'stylus', 'html', 'libs', 'fonts', 'images', 'favicons', 'browserSync']
  131. gulp.watch('app/source/**/*', tasks);
  133. });