Getting Started Doc 08 Conditional Plugins

Introduction document 04 When a task depends on another task, it needs to be executed in order_dongsdh's blog-CSDN blog

Getting Started Document 06 Adding Files to the Stream_dongsdh's Blog-CSDN Blog

This is an optimization of the above two content

Find all scss, css style files

Conditional judgment, only convert the scss file to css

Then let them merge together, compress,,,

Complete a task and get the final desired result

const { src, dest, series, watch, parallel } = require("gulp");const gulpif = require('gulp-if');// // Convert scss to cssconst sass = require("gulp-sass")(require("sass"));//mergeconst concat = require('gulp-concat');//compressionconst cssmin = require("gulp-cssmin")function isScss(file) {return file.extname === '.scss';}function clean(cb) {console.log('cleanup');cb()}function js(cb) {console.log('processing js');cb();}function scssCss(cb) {console.log('Process scss and css at the same time');src(['src/**/*.scss','src/**/*.css']) //find all scss, css style files.pipe(gulpif(isScss, sass())) // only convert scss files to css.pipe(concat('appbuild.css')) //Merge css, you must take a merged file name.pipe(cssmin()) //compression.pipe(dest('./dist/'));cb();}function img(cb) {console.log('processing img');cb();}function build(cb) {console.log('Packaging');cb();}exports.default = series(clean, js, img, scssCss, build);