Created
November 13, 2015 21:38
-
-
Save Teino1978-Corp/915ccd2a12b792ad7051 to your computer and use it in GitHub Desktop.
Web Apps with Sass and Duo.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var gulp = require('gulp'); | |
| var browserSync = require('browser-sync').create(); | |
| var sass = require('gulp-sass'); | |
| var exec = require('child_process').exec; | |
| gulp.task('browser-sync', function() { | |
| browserSync.init({ | |
| proxy: "app.dev", | |
| notify: false | |
| }); | |
| }); | |
| // Compile sass into CSS & auto-inject into browsers | |
| gulp.task('sass', function() { | |
| return gulp.src("src/sass/*.scss") | |
| .pipe(sass()) | |
| .pipe(gulp.dest("build/css")) | |
| .pipe(browserSync.stream()); | |
| }); | |
| /** | |
| * Run Duo.js. The task will be watched too. | |
| * Thanks to Fábio Vedovelli (https://gist.github.com/vedovelli/) | |
| */ | |
| // Arquivo a ser observado. -- Mude para a localização do seu arquivo -- | |
| var jsIn = './src/app.js'; | |
| // Arquivo a ser gerado. -- Mude para a localização do seu arquivo -- | |
| var jsOut = './build/app.js'; | |
| gulp.task('run-duo', function() | |
| { | |
| exec('duo --stdout ' + jsIn + ' > ' + jsOut, function (err, stdout, stderr) | |
| { | |
| console.log(err); | |
| console.log(stdout); | |
| console.log(stderr); | |
| }); | |
| }); | |
| // Watch Files For Changes | |
| gulp.task('watch', function() { | |
| gulp.watch("src/sass/*.scss", ['sass']); | |
| gulp.watch(["**/*.html"]).on('change', browserSync.reload); | |
| gulp.watch(jsIn, ['run-duo']); | |
| }); | |
| // Default Task | |
| gulp.task('default', ['browser-sync', 'run-duo', 'sass', 'watch']); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment