gulp

Following is my gulpfile.js. There are a couple of more tasks in it and all are working fine - but the last task, watch doesn't. I've tried every possible combination of paths and files and what so ever, but still I don't have luck. I've read many answers on this here, but couldn't solve my problem. I tried to run gulp.watch with and without requiring gulp-watch, tried several different approaches on how to set up the task and so on and so on... var gulp = require('gulp'); var browserify = require('browserify'); var babelify = require('babelify'); var source = require('vinyl-source-stream');

I have previously used gulp changed with my JS without a problem. However now I am trying to use gulp-changed and gulp-newer on my scss files without it detecting which file has changed. var changed = require('gulp-changed'); var newer = require('gulp-newer'); var SRC = './stylesheets/**/*.scss'; var DEST = './stylesheets'; gulp.task('sass', function () { return gulp.src(SRC) .pipe(changed(DEST)) //tried newer here as well .pipe(sass()) .pipe(gulp.dest(DEST)) }); When changing a scss file it will output there has been a change but not change any scss [BS] Watching files... [09:26:13] Starting

I have a common pattern in my gulpfile.js : var rev = require('gulp-rev'); var buffer = require('gulp-buffer'); gulp.src.some_stuff .pipe(anotherStuff) .pipe(buffer()) // this line & 4 lines down .pipe(rev()) .pipe(gulp.dest(options.dest)) .pipe(rev.manifest({ path: 'manifest.json', merge: true })) .pipe(gulp.dest(options.dest)) // to this .pipe(extrastuff) I want to compose these 5 lines to reuse them in my project over a couple of gulp tasks. How can I do that? I found multipipe package but it doesn't support passing variables to new pipes (you can see I need to pass options.dest in my new

This is also currently biting my project, which uses gulp-sass. gulp-sass depends on node-sass#^3.4.1 which just automatically updated to 3.5.3 which is a breaking release. I have degraded my gulp sass version to the older(2.1.0) by updating the package.json file but its still breaking. how to go back to node sass 3.4.2? Error Message Error: You may not @extend an outer selector from within @media. You may only @extend selectors within the same directive. { "version": "1.0.0", "name": "abcd", "devDependencies": { "bower": "^1.3.12", "express": "^4.12.3", "gulp": "^3.8.10", "gulp-autoprefixer":

Apart from enabling source maps in Chrome, in my gulpfile.js I use errLogToConsole: true, sourceComments: 'map', sourceMap: 'sass' as arguments when calling sass based on this answer : gulp.task('sass', function() { return gulp.src('../assets/styles/**/*.scss') .pipe(plumber({ errorHandler: onError })) .pipe(sass({errLogToConsole: true, sourceComments: 'map', sourceMap: 'sass'})) .pipe(autoprefixer()) .pipe(gulp.dest('../dist/styles')) .pipe(browserSync.reload({ stream: true })) }); Yet SCSS content still doesn't show up in DevTools. Why? Note: source map comments do show up in compiled CSS as

layout: layout title: 『构建工具-Gulp』相关内容整理 date: 2017-04-26 22:15:46 tags: Gulp categories: Tools --- Gulp- 简介 Automate and enhance your workflow | 用自动化构建工具增强你的工作流程 Gulp 是什么？ gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成； 使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器，它能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。通过本文，我们将学习如何使用Gulp来改变开发流程，从而使开发更加快速高效。 gulp 和 grunt 非常类似，但相比于 grunt 的频繁 IO 操作，gulp 的流操作，能更快地更便捷地完成构建工作。 Gulp的核心概念？ 流

tl;dr : module resolution does not apply ? Hello, I am playing around with Typescript2 module resolution feature. I've noticed that it is now possible to specify "Paths", so that you can do the following : Old way import {a} from "../../../foo" New way import {a} from "services/foo" To do so, you need to add some configs to your tsconfig.json "compilerOptions": { "baseUrl": ".", "paths": { "services/*": ["./application/core/services/*"], } } Problem that I have, is that when compiled, the import actually doesn't change. My javascript output still contains that import from "services/foo", so