Marcelo Puebla / wrapper-demo

Download as
Browse Code »

Commit 4ce9fe3e7c97391e70b76e277426d0b307c0e88d

Authored by Nicolás Guarnieri
1 parent ba2a223d81
Exists in master and in 1 other branch develop

watch para js

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
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