Search code examples
gulpshopifygulp-sass

Gulp-sass how to change dest output

I'm trying to set a shopify dev workflow, and i'm stuck in a problem. How can i change the dest() output in gulp-sass to use .liquid files in the assets folder?

gulp.task('sass', function() {
  gulp.src('stylesheets/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./assets/'));
});

I want to get as output something like main.css.liquid, so i can use the .liquid methods. Is that possible?

Solution

  • There's a good thread about it @ Gulp. As said it seems that gulp-rename may be a great fit.

    In your case, you can change your code to:

    gulp.task('sass', function() {
    gulp.src('stylesheets/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.rename('destinationpath/yourfile.liquid'));
    .pipe(gulp.dest('./assets/'));
});