Guest User

Error prone GULP file

a guest
Jun 12th, 2016
42
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.68 KB | None | 0 0
  1. var runSequence = require('run-sequence');
  2.  
  3. var gulp = require('gulp'),
  4. less = require('gulp-less');
  5. var rename = require('gulp-rename');
  6. var autoprefixer = require('gulp-autoprefixer');
  7. var minifycss = require('gulp-minify-css'),
  8. jshint = require('gulp-jshint'),
  9. stylish = require('jshint-stylish'),
  10. uglify = require('gulp-uglify'),
  11. usemin = require('gulp-usemin'),
  12. imagemin = require('gulp-imagemin'),
  13. rename = require('gulp-rename'),
  14. concat = require('gulp-concat'),
  15. notify = require('gulp-notify'),
  16. cache = require('gulp-cache'),
  17. changed = require('gulp-changed'),
  18. rev = require('gulp-rev'),
  19. del = require('del');
  20. var browserSync = require('browser-sync').create();
  21. var ngannotate = require('gulp-ng-annotate');
  22. var watch = require('gulp-watch');
  23.  
  24.  
  25.  
  26. gulp.task('default', function() {
  27. // gulp.start('usemin', 'imagemin');
  28. });
  29.  
  30.  
  31.  
  32. gulp.task('lessClean', function() {
  33. return del(['app/styles/yo.css']);
  34. });
  35.  
  36.  
  37. gulp.task('less', ['lessClean'], function() {
  38. return gulp.src('app/less/**/*.less')
  39. .pipe(less())
  40. .pipe(gulp.dest('app/styles'));
  41. });
  42.  
  43. gulp.task('usemin', ['clean', 'less', 'jshint'], function() {
  44. return gulp.src('app/*.html')
  45. .pipe(usemin({
  46. css: [autoprefixer({
  47. browsers: ['last 2 versions'],
  48. cascade: false
  49. }), minifycss(), rev()],
  50. js: [ngannotate(), uglify(), rev()]
  51. }))
  52. .pipe(gulp.dest('dist/'));
  53. });
  54.  
  55. gulp.task('jshint', function() {
  56. return gulp.src('app/scripts/**/*.js')
  57. .pipe(jshint())
  58. .pipe(jshint.reporter(stylish));
  59. });
  60.  
  61.  
  62. gulp.task('clean', function() {
  63. return del(['dist/**/*']);
  64. });
  65.  
  66.  
  67. //Watch task
  68. gulp.task('watch', function() {
  69. // Watch .js files
  70. gulp.watch('{app/scripts/**/*.js,app/styles/**/*.css,app/**/*.html}', ['usemin', 'browser-sync']);
  71. // Watch image files
  72. gulp.watch('app/images/**/*', ['imagemin']);
  73.  
  74. gulp.watch('dist/**/*', ['browser-sync']);
  75. });
  76.  
  77.  
  78. // Image minification task
  79. gulp.task('imagemin', function() {
  80. return del(['dist/images']), gulp.src('app/images/**/*')
  81. .pipe(cache(imagemin({
  82. optimizationLevel: 3,
  83. progressive: true,
  84. interlaced: true
  85. })))
  86. .pipe(gulp.dest('dist/images'))
  87. .pipe(notify({
  88. message: 'Images task complete'
  89. }));
  90. });
  91.  
  92.  
  93. gulp.task('browser-sync', function() {
  94. var files = [
  95. 'app/**/*.html',
  96. 'app/styles/**/*.css',
  97. 'app/images/**/*.png',
  98. 'app/scripts/**/*.js',
  99. 'dist/**/*'
  100. ];
  101.  
  102.  
  103. browserSync.init(files, {
  104. server: {
  105. baseDir: "dist",
  106. index: "index.html"
  107. }
  108. });
  109.  
  110. // Watch any files in dist/, reload on change
  111. gulp.watch(['dist/**']).on('change', browserSync.reload);
  112. });
Add Comment
Please, Sign In to add comment