savchukoleksii
6/21/2018 - 7:21 AM

Gulp task to resolve problem of import sass files in shopify

gulp-task-import-scss.js
content_copyfile_download
const gulp = require('gulp');
const sass = require('gulp-sass');
const sassimport = require('gulp-cssimport');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');

gulp.task('styles', function(){
    return gulp.src([
        '!./{sass,scss}/**/_*.{sass,scss,sass.liquid,scss.liquid}',
        '!./{sass,scss}/_**/*.*',
        './{sass,scss}/**/*.{sass,scss,sass.liquid,scss.liquid}'
    ])
    .pipe(postcss([
        autoprefixer(["> 1%", "last 2 versions", "Firefox ESR", "android 4"])
    ]))
    .pipe(sassimport())
    .pipe(gulp.dest('./assets'));
});