Задать вопрос
LeonidKuznecov
@LeonidKuznecov
Front-end разработчик.

Gulp Uncss ошибка?

Ошибка такова, проверяю работу плагина Uncss но он пишет что стили не найдены.
"use strict";
var gulp = require('gulp'),
   concatCSS = require('gulp-concat-css'),
   rename = require('gulp-rename'),
   watch = require('gulp-watch'),
   notify = require('gulp-notify'),
   autoprefixer = require('gulp-autoprefixer'),
    livereload = require('gulp-livereload'),
    connect = require('gulp-connect'),
    uncss = require('gulp-uncss'),
    minifyCSS = require('gulp-minify-css');

// gulp connect и livereload
gulp.task('connect', function() {
  connect.server({
    root: 'app',
    livereload: true
  });
});
// gulp connect и livereload

// Общий таск для css вызываеться командой gulp
gulp.task('css', function () {
  gulp.src('css/*.css')
    .pipe(concatCSS('bundle.css'))
    .pipe(autoprefixer('last 15 version'))
    .pipe(minifyCSS())
    .pipe(rename('bundle.min.css'))
    .pipe(notify("Done!"))
    .pipe(gulp.dest('app/css'))
    .pipe(connect.reload());
});
// Общий таск для css вызываеться командой gulp

//Общий таск для html вызываеться командой gulp
gulp.task('html', function () {
  gulp.src('app/index.html')
    .pipe(connect.reload());
});
//Общий таск для html вызываеться командой gulp

// Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch
gulp.task('watch',function () {
 gulp.watch('css/*.css',['css'])
 gulp.watch('app/index.html',['html'])
});
// Таск служки css файлов, любые изменения будут произведены вызываеться командой gulp watch

// Таск по умолчанию
gulp.task('default', ['connect','html','minifyCSS','concatCSS','uncss','watch']);
// Таск по умолчанию

// Таск обьеденения всех css файлов вызываеться командой gulp concatCSS
gulp.task('concatCSS', function () {
  gulp.src('css/*.css')
    .pipe(concatCSS('bundle.css'))
     .pipe(autoprefixer('last 15 version'))
    .pipe(notify("Done!"))
    .pipe(gulp.dest('app/css'));
});
// Таск обьеденения всех css файлов вызываеться командой gulp concatCSS

// Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS
gulp.task('minifyCSS', function () {
  gulp.src('css/*.css')
    .pipe(minifyCSS())
    .pipe(rename('bundle.min.css'))
     .pipe(autoprefixer('last 15 version'))
    .pipe(notify("Done!"))
    .pipe(gulp.dest('app/css'));
});
// Таск минификации полученного обьедененного css файла вызываеться командой gulp minifyCSS



// Создание общего таска для создания двух файлов, concat и minify

// gulp.task('css', function () {
//     gulp.src('откуда берем')
//     .pipe(concatCSS('название файла'))
//     .pipe(gulp.dest('куда сохраняем конкат версию'))
//     .pipe(minifyCSS())
//     .pipe(rename({
//         suffix: '.min'
//     }))
//     .pipe(gulp.dest('куда сохраняем мин версию'));
// });
gulp.task('uncss', function() {
    return gulp.src('css/*.css')
        .pipe(uncss({
            html: ['app/index.html']
        }))
        .pipe(gulp.dest('app/css'));
});


Сама ошибка
Error: UnCSS: no stylesheets found
    at uncss (C:\WebDev\test\node_modules\gulp-uncss\node_modules\uncss\lib\uncss.js:135:25)
    at fn (C:\WebDev\test\node_modules\gulp-uncss\node_modules\uncss\node_modules\async\lib\sync.js:626:34)
    at Object._onImmediate (C:\WebDev\test\node_modules\gulp-uncss\node_modules\uncss\node_mdules\async\lib\async.js:542:34)
    at processImmediate [as _immediateCallback] (timers.js:345:15)
  • Вопрос задан
  • 3286 просмотров
Подписаться 1 Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@ModestesGonze
Вы каждый чих Gulp'а будете спрашивать?
Извиняюсь за грубость, но включите мозг.
В конце концов есть ведь документация и к Gulp и к плагинам.

И да, у вас много лишнего в gulpfile, сначала разберитесь как пишутся таски и как они выполняются.
Ответ написан
gatilin222
@gatilin222
Frontend-разработчик
У нас на блоге есть статья - Начинаем работать с gulp.js. Там в принципе все подробно описано)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы