Gulp handles css merge under multiple folders

the file path is as follows. There may be multiple folders under style (not fixed 3):

app
 style
     common
        cssreset.css
     detail
        a.css
        b.css
        c.css
        d.css
     order
         a.css
         b.css
         c.css
         d.css

expectation:

dist
 style
     common.min.css
     detail.min.css
     order.min.css

the current way of writing is:

 1%"
        ],
        cascade: false
    }))
    .pipe(concat("main.css")) //css
    .pipe(cssmin()) //css
    .pipe(rename({ suffix: ".min" })) //
    .pipe(gulp.dest("./dist/style/"))
);

the result is

dist
 style
     main.min.css

I don"t know how to write it. Is it possible to write a loop to build multiple task?? Help!

Mar.02,2021

for ideas here, please refer to sf

.
Menu