L
L
Leonid Kuznetsov2014-12-06 03:24:21
css
Leonid Kuznetsov, 2014-12-06 03:24:21

gulp uncss error?

The error is this, I check the work of the Uncss plugin, but it says that the styles were not found.

"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'));
});

The mistake itself
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)

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
ModestesGonze, 2014-12-06
@ModestesGonze

You every sneeze Gulp'a will ask?
I apologize for being rude, but turn on your brain.
After all, there is documentation for both Gulp and plugins.
And yes, you have a lot of extra stuff in gulpfile, first figure out how tasks are written and how they are executed.

M
Maxim Gatilin, 2016-03-17
@gatilin222

We have an article on our blog - Getting started with gulp.js . Everything is described in detail there.)

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question