FAQ Database Discussion Community
javascript,node.js,gulp,gulp-watch,browser-sync
Scaffolded a new project with Yeoman Gulp-Angular. I understand the premise of BrowserSync, but frankly I cannot comprehend how anyone tolerates having their network requests flooded by this: I would like to remove BrowserSync from my project immediately. How does one correct the following code in order to gulp serve...
javascript,node.js,gulp,browserify,gulp-watch
I've got the following setup in my gulpfile.js: gulp.task('browserify', function() { browserify(config.paths.browserifyEntry) .transform(reactify) .bundle() .pipe(source('master.js')) .pipe(gulp.dest(config.paths.dist)) //.pipe(connect.reload()); }); gulp.task('watch', function () { gulp.watch(config.paths.components, ['browserify']); gulp.watch(config.paths.sassSource, ['sass']); }); This all works perfectly until I'm writing code that results in a browserify error. This happens frequently as I'm editing code in one...
gulp,gulp-watch
Given: gulp.task("watch", function() { // Asynchronous execution return gulp.src("..."). doSomething1(); }); gulp.task("default", function() { // Synchronous execution doSomething2(); doSomething3(); }); gulp.task("css", ["csslint"]); I would like css to run after default or watch completes but I can't declare default or watch as dependencies because that would trigger their execution. How do...
javascript,gulp,livereload,gulp-watch,gulp-livereload
I try to understand how to use gulp with these useful and popular plugins. There are what I have: runned go(lang) server on localhost:8000 static/local html files under app folder which are used by server to form pages scss files under the same directory, which are converted into css and...
gulp,gulp-watch,electron
I want to use a combination of VScode + Gulp + Electron to build an application. A nice feature of the development workflow would be to add an live reload task to my Gulp watch task, to reload the Electron application on every change. Any Idea how to achieve this?...
gulp,gulp-watch
I have a project in which there are about 30 css themes. It means I have the next css files structure: src/ themes/ default/ a.scss b.scss rockStar/ a.scss b.scss oneMoreTheme/ a.scss b.scss dist/ themes/ default/ styles.css rockStar/ styles.css oneMoreTheme/ styles.css Here is just example of gulpfile: var gulp = require('gulp'),...
gulp,gulp-watch,assemble
I'm having issues using gulp-assemble with gulp-watch. I want gulp to watch the entire assemble source directory (data, includes, layouts and pages) and recompile the site when ever a file changes. I'm able to get this working correctly for pages, but gulp is not recompiling the site when changes are...
javascript,gulp,gulp-watch,gulp-rev
I have a gulp task that uses streams to write a revised file (using gulp-rev) and another task that uses the previously written manifest file for replacing a variables in an html file. My first task: gulp.task('scripts', function() { // other stuff... var b = browserify(mainscript); b.external('External') .transform(babelify) .bundle() .pipe(source('app.js'))...
node.js,gulp,gulp-watch
I'm trying to get the Gulp 'watch' task to restart the server when I make a change to a controller file.. to pick up those changes w/out having to manually restart the server. Can someone post a small example with instructions to run it correctly?...
gulp,gulp-watch,browser-sync
I get the message 'Disconnected from BrowserSync' almost immediately after running gulp. Here is my gulpfile.js var gulp = require('gulp'); var sass = require('gulp-sass'); var browserSync = require('browser-sync').create(); var reload = browserSync.reload; gulp.task('sync', function() { browserSync.init({ browser: "chrome", proxy: "hmgcsc.app" }); gulp.watch('sass/*.scss', ['sass']); gulp.watch("app/**/*.html").on('change', reload); gulp.watch("app/**/*.js").on('change', reload); }); gulp.task('sass', function()...
gulp,gulp-watch,run-sequence,gulp-jscs
I am new to gulp and so I put a simple script together to 1) learn how gulp works and 2) improve my development workflow. The issue I am having is that if I set the runSequence task list to be in the order of jscs and then lint, the...
gulp,gulp-watch,gulp-sass,gulp-concat,gulp-uglify
I'm trying to run Gulp to minify CSS, JS and move all the static stuffs (template, font, img) into build folder. My project directory structure: - project |- gulpfile.js |- package.json |- src ||- font ||- img ||- js ||- sass ||- template |- build ||- css ||- font ||-...
javascript,gulp,gulp-watch,gulp-less
I'm having a problem with gulp. I run gulp-watch along with gulp-less and gulp-clean. Everything is running perfectly. When I edit somefile.less and I save it with a semi-colon missing or maybe I accidentally leave a trailing ;s, just have errors in my code when saving, gulp-less logs an error...
javascript,gulp,gulp-watch,eslint
I am trying eslint with gulp. I have set up a task like this: gulp.task('lint', function () { return gulp.src([ 'components/myjs.js' ]) // eslint() attaches the lint output to the eslint property // of the file object so it can be used by other modules. .pipe(eslint()) // eslint.format() outputs the...
laravel-5,gulp,gulp-watch,laravel-elixir
So I like elixir a lot. But when I run gulp watch and write css (scss to be precise), it crashes after a couple of saves, thus forcing me to start gulp watch again. And it is driving me crazy, almost to the point of me not being able to...