gulp-sass

I am struggling to get my SASS sourcemaps to work correctly. The problem seems to be the "sources" attribute within the sourcemap and how my SASS files are nested. I have a Gulp task that compiles SASS to CSS. Here is an example of that var paths = { styles: { src: './Stylesheets/SCSS/', files: './Stylesheets/SCSS/**/*.scss', dest: './Stylesheets/CSS/' } } gulp.task('compile-sass', function (){ return gulp.src(paths.styles.files) .pipe(sourcemaps.init()) .pipe(sass({ outputStyle: 'compressed', includePaths : [paths.styles.src] })) .pipe(prefix({ browsers: ['last 2 Chrome versions'], cascade:

At work we used to use Ruby to compile SCSS. I had the Ruby compiler set up as a file watcher in PhpStorm, and when I edited a partial imported by another file, the CSS file corresponding to the ancestor file was updated without any fuss. I want to get Gulp and Libsass to work the same way. Most solutions I've seen just compile all the SCSS files in a project when a single one changes, but our projects have way too much SCSS for that to be an acceptable solution. gulp-cached seemed like a great solution to this problem. But when I use gulp-cached the CSS output file doesn't change when I edit

I am trying to merge css and scss files into a main.css file that goes in my build directory. Its working, but not in the right order. The style attributes from the scss files need to be in the bottom of the main.css file so they overrule the rest. my Gulp task looks like this: //CSS gulp.task('css', function () { var cssTomincss = gulp.src(['dev/css/reset.css', 'dev/css/style.css','dev/css/typography.css', 'dev/css/sizes.css']); var cssFromscss = gulp.src(['dev/css/*.scss']) .pipe(sass()); return es.merge(cssTomincss, cssFromscss) .pipe(concat('main.css')) .pipe(minifyCSS()) .pipe(gulp.dest(

I am trying out gulp as an alternative build tool to Grunt, to compile my scss to css, as I have heard it can be much faster. I having problems doing even a basic compile of my scss files. I have tried using the gulp-sass , gulp-ruby-sass and gulp-compass plugins for gulp and I get pretty much the same error message every time: error screen.scss (Line 2 of _grid.scss: Undefined mixin 'box-sizing'.) So it looks like it is falling down as soon as it hits a compass mixin. I have ruby installed on my PC with compass version 1.0.0.alpha.19 and sass version 3.3.7. Here is my gulpfile: var gulp =

I currently have two tasks, that both compile sass files. I would still like to concat the two directories into separate files but it seems that it would be more maintainable if I could simply create a 'sass' task that would be responsible for all of the sass compilation. // Compile Our Sass gulp.task('bootstrap-sass', function() { return gulp.src('./public/bower/bootstrap-sass/lib/*.scss') .pipe(sass()) .pipe(contact('bootstrap.css')) .pipe(gulp.dest('./public/dist/css')); }); gulp.task('site-sass', function() { return gulp.src('./public/app/scss/*.scss') .pipe(sass()) .pipe(contact('site.css

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":

I have installed node modules by npm install, then I tried to do gulp sass-watch in command prompt. After that I got the below response. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined Have tried this before gulp sass-watch npm -g install gulp-cli Hassan Hodges I hit the same error. I suspect you're using node 12 and gulp 3. That combination does not work: https://github.com/gulpjs/gulp/issues/2324 A previous workaround from Jan. does not work either: https://github.com/gulpjs/gulp/issues