Gulp gulp plugin -ruby-sass not compiling

Question

Gulp plugin gulp -ruby-sass ( https://github.com/sindresorhus/gulp-ruby-sass ) without compiling an error message in a terminal like this 👇

Error: must provide template

Here is the information gulpfile.js

var gulp = require('gulp'), uglify = require('gulp-uglify'), sass = require('gulp-ruby-sass'); gulp.task('styles', function (argument) { gulp.src('sass/app.scss') .pipe(sass()) .pipe(gulp.dest('css/')); }); 

Answer 1

The gulp -ruby-sass syntax has been changed:

 instead of: it is now: gulp.task('styles', function (){ gulp.task('styles', function (){ gulp.src('sass/app.scss') return .pipe(sass()) sass('sass/app.scss') .pipe(gulp.dest('css/') .pipe(gulp.dest('css/') ; ; }); }); 

Please check this and mark your problem as a solution.

Answer 2

The official official gulp -ruby-sass documentation says this should be done as follows:

 var gulp = require('gulp'); var sass = require('gulp-ruby-sass'); gulp.task('sass', function () { return sass('source/file.scss') .on('error', sass.logError) .pipe(gulp.dest('result')); }); 

Answer 3

Install libsass because it works much faster than ruby ​​sass, it works with node

 npm install gulp-sass --save-dev` 

Set gulp to load plugins because it loads so many plugins from your json and you do not need to declare in your gulpfile (carefully how much you use, because if you load too much, it interferes with performance)

 npm install --save-dev gulp-load-plugins 

---

  var gulp = require('gulp'), $ = require('gulp-load-plugins')({ pattern: ['gulp-*', 'gulp.*'], replaceString: /\bgulp[\-.]/, lazy: true, camelize: true }); gulp.task('libsass', function () { gulp.src('sass/app.scss') .pipe($.sass({errLogToConsole: true})) .pipe($.autoprefixer({ browsers: ['last 2 versions'], cascade: false })) .pipe($.sourcemaps.write('app/css/map')) .pipe(gulp.dest('app/css')) });