账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    gulp处理多个文件夹下css合并
    15
    0

    文件路径如下,style下可能有多个文件夹(不是固定3个):

    app
    └── style
        ├── common
        │   └── cssreset.css
        ├── detail
        │   ├── a.css
        │   ├── b.css
        │   ├── c.css
        │   └── d.css
        └── order
            ├── a.css
            ├── b.css
            ├── c.css
            └── d.css

    期望:

    dist
    └── style
        ├── common.min.css
        ├── detail.min.css
        └── order.min.css

    目前的写法是:

    const gulp = require('gulp'),
        autoprefixer = require('gulp-autoprefixer'),
        cssmin = require('gulp-clean-css'),
        concat = require('gulp-concat'),
        less = require('gulp-less'),
        rename = require('gulp-rename');
    
    gulp.task('default', () =>
        gulp.src('app/style/**/*.css')
        .pipe(less()) //编译less
        .pipe(autoprefixer({
            browsers: [
                "last 6 versions",
                "> 1%"
            ],
            cascade: false
        }))
        .pipe(concat('main.css')) //合并css
        .pipe(cssmin()) //压缩css
        .pipe(rename({ suffix: '.min' })) //设置压缩文件名
        .pipe(gulp.dest('./dist/style/'))
    );

    结果是:

    dist
    └── style
        └── main.min.css

    不知道怎么写了,难道写循环建立多个task?求助!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 米醋诗人 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部