Commit 4ce9fe3e7c97391e70b76e277426d0b307c0e88d
1 parent
ba2a223d81
Exists in
master
watch para js
Showing
1 changed file
with
1 additions
and
1 deletions
Show diff stats
gulpfile.js
1 | const gulp = require('gulp'); | 1 | const gulp = require('gulp'); |
2 | const sass = require('gulp-sass'); | 2 | const sass = require('gulp-sass'); |
3 | const concat = require('gulp-concat'); | 3 | const concat = require('gulp-concat'); |
4 | const rename = require('gulp-rename'); | 4 | const rename = require('gulp-rename'); |
5 | const uglify = require('gulp-uglify'); | 5 | const uglify = require('gulp-uglify'); |
6 | const pump = require('pump'); | 6 | const pump = require('pump'); |
7 | const jshint = require('gulp-jshint'); | 7 | const jshint = require('gulp-jshint'); |
8 | const replace = require('gulp-replace'); | 8 | const replace = require('gulp-replace'); |
9 | const connect = require('gulp-connect'); | 9 | const connect = require('gulp-connect'); |
10 | const watch = require('gulp-watch'); | 10 | const watch = require('gulp-watch'); |
11 | 11 | ||
12 | var paths = { | 12 | var paths = { |
13 | srcHTML : 'src/views/*.html', | 13 | srcHTML : 'src/views/*.html', |
14 | srcJS : 'src/js/*.js', | 14 | srcJS : 'src/js/*.js', |
15 | dist : 'dist/', | 15 | dist : 'dist/', |
16 | distHTML : 'dist/views/' | 16 | distHTML : 'dist/views/' |
17 | }; | 17 | }; |
18 | 18 | ||
19 | gulp.task('uglify', function() { | 19 | gulp.task('uglify', function() { |
20 | pump( | 20 | pump( |
21 | [ | 21 | [ |
22 | gulp.src(paths.srcJS), | 22 | gulp.src(paths.srcJS), |
23 | concat('wrapper-demo.js'), | 23 | concat('wrapper-demo.js'), |
24 | replace('/src/', '/dist/'), | 24 | replace('/src/', '/dist/'), |
25 | gulp.dest(paths.dist), | 25 | gulp.dest(paths.dist), |
26 | rename('wrapper-demo.min.js'), | 26 | rename('wrapper-demo.min.js'), |
27 | uglify(), | 27 | uglify(), |
28 | gulp.dest(paths.dist) | 28 | gulp.dest(paths.dist) |
29 | ] | 29 | ] |
30 | ); | 30 | ); |
31 | }); | 31 | }); |
32 | 32 | ||
33 | gulp.task('html', function() { | 33 | gulp.task('html', function() { |
34 | pump([ | 34 | pump([ |
35 | gulp.src('index.html'), | 35 | gulp.src('index.html'), |
36 | replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), | 36 | replace(/\<!\-\- BUILD \-\-\>.*\<!\-\- \/BUILD \-\-\>/sgm, '<script src="wrapper-demo.min.js"></script>'), |
37 | gulp.dest(paths.dist) | 37 | gulp.dest(paths.dist) |
38 | ]); | 38 | ]); |
39 | pump([ | 39 | pump([ |
40 | gulp.src(paths.srcHTML), | 40 | gulp.src(paths.srcHTML), |
41 | gulp.dest(paths.distHTML) | 41 | gulp.dest(paths.distHTML) |
42 | ]); | 42 | ]); |
43 | }) | 43 | }) |
44 | 44 | ||
45 | gulp.task('sass', function() { | 45 | gulp.task('sass', function() { |
46 | return gulp.src('src/sass/*.scss') | 46 | return gulp.src('src/sass/*.scss') |
47 | .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) | 47 | .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) |
48 | .pipe(gulp.dest('css')); | 48 | .pipe(gulp.dest('css')); |
49 | }); | 49 | }); |
50 | 50 | ||
51 | gulp.task('pre-commit', function() { | 51 | gulp.task('pre-commit', function() { |
52 | pump( | 52 | pump( |
53 | [ | 53 | [ |
54 | gulp.src(paths.srcJS), | 54 | gulp.src(paths.srcJS), |
55 | jshint('.jshintrc'), | 55 | jshint('.jshintrc'), |
56 | jshint.reporter('default'), | 56 | jshint.reporter('default'), |
57 | jshint.reporter('fail') | 57 | jshint.reporter('fail') |
58 | ] | 58 | ] |
59 | ); | 59 | ); |
60 | gulp.start('uglify'); | 60 | gulp.start('uglify'); |
61 | gulp.start('sass'); | 61 | gulp.start('sass'); |
62 | }); | 62 | }); |
63 | 63 | ||
64 | gulp.task('webserver', function() { | 64 | gulp.task('webserver', function() { |
65 | pump [ | 65 | pump [ |
66 | connect.server( | 66 | connect.server( |
67 | { | 67 | { |
68 | port: 3000, | 68 | port: 3000, |
69 | host: '0.0.0.0', | 69 | host: '0.0.0.0', |
70 | livereload: true | 70 | livereload: true |
71 | } | 71 | } |
72 | ) | 72 | ) |
73 | ] | 73 | ] |
74 | }); | 74 | }); |
75 | 75 | ||
76 | gulp.task('watch', function() { | 76 | gulp.task('watch', function() { |
77 | //gulp.watch([paths.srcJS], ['uglify']); | 77 | gulp.watch([paths.srcJS], ['uglify']); |
78 | gulp.watch('src/sass/*.scss', ['sass']); | 78 | gulp.watch('src/sass/*.scss', ['sass']); |
79 | }) | 79 | }) |
80 | 80 | ||
81 | gulp.task('reload'), function() { | 81 | gulp.task('reload'), function() { |
82 | connect.reload(); | 82 | connect.reload(); |
83 | } | 83 | } |
84 | 84 | ||
85 | gulp.task('livereload', function() { | 85 | gulp.task('livereload', function() { |
86 | gulp.watch('css/*.css', ['reload']); | 86 | gulp.watch('css/*.css', ['reload']); |
87 | gulp.watch('js/dist/*.js', ['reload']); | 87 | gulp.watch('js/dist/*.js', ['reload']); |
88 | gulp.watch('vistas/**/*.html', ['reload']); | 88 | gulp.watch('vistas/**/*.html', ['reload']); |
89 | }); | 89 | }); |
90 | 90 | ||
91 | gulp.task('default', ['webserver', 'livereload', 'watch']); | 91 | gulp.task('default', ['webserver', 'livereload', 'watch']); |
92 | 92 |