javascript Gulp任务解决shopify中导入sass文件的问题

Posted 2021-05-03

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'));
});