Где ошибка в таске?

Question

[drtvader]

Пытаюсь настроить таск gulp-uncss, но почему то выводит ошибку.

'use strict';

const $                    = require('gulp-load-plugins')();
const gulp                 = require('gulp');
const config               = require('../../../config');
const lessUncss            = require('gulp-uncss');
const lessPluginAutoPrefix = require('less-plugin-autoprefix');
const lessPluginCleanCSS   = require('less-plugin-clean-css');

var autoprefixer = new lessPluginAutoPrefix(config.autoprefixer),
    cleancss     = new lessPluginCleanCSS({ advanced: true });
    uncss        = new lessUncss,

module.exports = function(options) {
    return config.wrapPipe(function(success, error) {
        return gulp.src(config.less.src)
            .pipe($.less({
                plugins: [autoprefixer, cleancss],
            }).on('error', error))
            .pipe($.csscomb())
            .pipe($.csso())
            .pipe(uncss({
                html: ['/build/*.html']
            }))
            .pipe(gulp.dest(config.less.dest));
    });
};

Чего не так делаю?

Answer 1

[Богдан]

У Вас тута какой-то смесь бульдога (Gulp) с носорогорм (webpack).
Вот пример чистого Gulp4

gulpfile.coffee

sass = require 'gulp-sass'
slim = require 'gulp-slim'
coffee = require 'gulp-coffee'

notify = require 'gulp-notify'
plumber = require 'gulp-plumber'

connect = require 'gulp-connect'
gulp = require 'gulp'

paths =
  app: 'app'
  sass: 'sass/**/*.scss'
  slim: 'slim/**/*.slim'
  coffee: 'coffee/**/*.coffee'
  js: 'js/**/*.js'


########################################
########################################



tsass = ->
  gulp.src paths.sass
    .pipe plumber { errorHandler: notify.onError message: "<%= error.message %>", title: "Ошибка"  }
    .pipe sass outputStyle: 'expanded'
    .pipe gulp.dest paths.app
    .pipe connect.reload( )
########################################
tslim = ->
  gulp.src paths.slim
    .pipe plumber { errorHandler: notify.onError message: "<%= error.message %>", title: "Ошибка"  }
    .pipe slim pretty: true
    .pipe gulp.dest paths.app
    .pipe connect.reload( )
########################################
tjs = ->
  gulp.src paths.js
    .pipe plumber { errorHandler: notify.onError message: "<%= error.message %>", title: "Ошибка"  }
    .pipe gulp.dest paths.app
    .pipe connect.reload( )
########################################
tcoffee = ->
  gulp.src paths.coffee
    .pipe plumber { errorHandler: notify.onError message: "<%= error.message %>", title: "Ошибка"  }
    .pipe coffee bare: true
    .pipe gulp.dest paths.app
    .pipe connect.reload( )
########################################
twatch = ->
  gulp.watch paths.sass, tsass
  gulp.watch paths.slim, tslim
  gulp.watch paths.coffee, tcoffee
  gulp.watch paths.js, tjs
########################################
tconnect = ->
  connect.server
    root: paths.app
    port: 8888
    livereload: true
########################################

watch = gulp.parallel tconnect,
  gulp.series( gulp.parallel( tslim, tsass, tcoffee, tjs ), twatch )

gulp.task 'default', watch

Comments

[drtvader]

Писал не я, просто нужно таск добавить было! В принципе сейчас заработало все. Но спасибо за инфу!

Answer 2

[Егор Живагин]

module.exports в gulp - это вообще законно? Я такого ещё не видел.

Ну, как минимум, я не вижу gulp-таска . А что за ошибку выводит?

Comments

[drtvader]

Закомментировал игнорирование. Работает, но только удаляет и то что нужно.

[Егор Живагин]

drtvader: а где оно, собственно? В config.less.src ? Покажите тогда)

[drtvader]

Егор Живагин: что именно?
Игнорирование отключаем в файле node_modules\gulp-uncss\index.js
Строка 14: // options.ignoreSheets = [/\s*/];
Я сам не особо еще хорошо разбираюсь, да и сборка не моя, просто нужно было добавить свой таск.
Собственно осталась проблема того, что удаляет нужные стили.
Пробовал удалить через браузерные аддоны, такая же хрень.

Answer 3

[drtvader]

Отключил игнорирование в файле node_modules\gulp-uncss\index.js
Строка 14: // options.ignoreSheets = [/\s*/];
Собралось, но удаляет и нужные стили тоже.