TransWikia.com

GULP создание 2 файлов

Stack Overflow на русском Asked by CaSKeT on January 18, 2021

Использую GULP, less, minify-css, rename

Как можно сделать что бы из LESS делалось 2 файла
один с minify-css, rename,
а второй бросался просто рядом обычным CSS без каких либо сжатий и т.д. ?

gulp.task("less", function() {
    return gulp.src(['./app/less//**/*.less', '!./app/less//**/_*.less'])
        .pipe(concat('style.less'))
        .pipe(less())
        .pipe(autoprefixer('last 2 versions', 'safari 5', 'ie6', 'ie7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
        .pipe(minifyCss())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest("./dist/css"))
        .pipe(browserSync.reload({stream: true}));
});

2 Answers

В этой же задаче нужно поставить 2й .pipe(gulp.dest("./dist/css")) В результате получим задачу вида

gulp.task("less", function() {
    return gulp.src(['./app/less//**/*.less', '!./app/less//**/_*.less'])
        .pipe(concat('style.less'))
        .pipe(less())
        .pipe(autoprefixer('last 2 versions', 'safari 5', 'ie6', 'ie7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
        .pipe(gulp.dest("./dist/css"))
        .pipe(minifyCss())
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest("./dist/css"))
        .pipe(browserSync.reload({stream: true}));
});

Answered by Denis Makohon on January 18, 2021

Решил проблему просто добавив еще одну задачу для LESS убрав из нее minify-css, rename

Answered by CaSKeT on January 18, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP