SASS Gulp-Task:汇总子​​文件夹中的文件

时间:2019-04-18 09:53:20

标签: javascript sass gulp

每个人都可以帮助我改善自己的sass任务吗?我想总结子文件夹中的.scss个文件...。 例如:在我的sass-folder中,我有一个子文件夹home,主页上有所有.scss-files。我想汇总家庭文件夹中的所有文件,并将这些文件编译为/dist/assets/css/home/style.min.css

这种情况不适用于我的gulptask,它会忽略我的子文件夹。我需要更改使其工作吗?

gulp.task('sass', done => {
    gulp.src(src + 'assets/sass/**/*.scss')
        .pipe(sourcemaps.init())
        .pipe(postcss([
            tailwindcss(src + 'tailwind.config.js'),
        ], { syntax: require('postcss-scss') }))
        .pipe(plumber())
        .pipe(concat('style'))
        .pipe(sass({
            includePaths: ['node_modules']
        }))
        .pipe(autoprefixer())
        .pipe(cssnano())
        .pipe(
            purgecss({
                content: [src + '**/*.html'],
                extractors: [
                    {
                      extractor: TailwindExtractor,
                      extensions: ["html"]
                    }
                ]
            })
        )
        .pipe(rename({ suffix: '.min' }))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest(dist + 'assets/css'))
        .pipe(browserSync.stream());
    done();
});

1 个答案:

答案 0 :(得分:0)

尝试一下

gulp.src(src + 'assets/sass/**/*.scss')