Я создаю новый файл gulpfile, и одной из задач является использование purgecss
Однако каждый раз, когда я запускаю задачу, я получаю эту ошибку.
TypeError: Cannot call a class as a function
Я не могу понять, почему это происходит, и поиск в Google мне не помог. Javascript не является сильной областью для меня.
Задание глотка.
/**
* Custom PurgeCSS Extractor
* https://gist.github.com/taylorbryant/91fc05b12472a88a8b6494f610647cd4
*/
class TailwindExtractor {
static extract(content) {
return content.match(/[A-z0-9-:\/]+/g);
}
}
// purge task
gulp.task("purge", async () => {
return gulp.src(pkg.paths.dist.css + '*.css')
.pipe($.purgecss({
content: [pkg.paths.templates + "/**/*.{html,htm,twig}", pkg.paths.templates + "/**/**/*.{html,htm,twig}", pkg.paths.templates + "*.{html,htm,twig}"],
extractors: [{
extractor: TailwindExtractor,
extensions: ["html", "htm", "twig"]
}]
}))
.pipe($.if(["*.css", "!*.purge.css"],
$.rename({
suffix: ".purge"
})
))
.pipe(gulp.dest(pkg.paths.dist.css))
});
// end purge task
Ценю вашу помощь.
РЕДАКТИРОВАТЬ - переключился на упрощенную задачу, но все еще получаю ту же ошибку
/**
* Custom PurgeCSS Extractor
* https://gist.github.com/taylorbryant/91fc05b12472a88a8b6494f610647cd4
*/
class TailwindExtractor {
static extract(content) {
return content.match(/[A-z0-9-:\/]+/g);
}
}
// purge task
gulp.task("purge", async () => {
$.fancylog.info("-> purging unused css");
return gulp.src(pkg.paths.dist.css + '*.css')
.pipe($.plumber({ errorHandler: onError }))
.pipe(
$.purgecss({
content: [pkg.paths.templates + "*.{html,htm,twig}"]
})
)
.pipe(gulp.dest(pkg.paths.dist.css))
});