Używam pluginu gulp loading. Powoduje to błąd TypeError: autoprefixer is not a function
podczas wywołania go w postcss... wyodrębniłam atoprefixer i css nano jako zmmienne i odnoszę się do tych zmiennych ale nic to nie pomogło. Początkowo pisałam po prostu pipe(plugins.postcss([plugins.autoprefixer(), plugins.cssnano() ]))
. Dlaczego występuję ten błąd i jak mmogę go naprawić?
"use strict";
const gulp = require("gulp");
const plugins = require('gulp-load-plugins')();
const path = {scss:"src/style.scss",image:"images/*"}
const autoprefixer = plugins.autoprefixer;
const cssnano = plugins.cssnano;
function scssTask(){
return gulp.src(path.scss)
.pipe(plugins.sass())
.pipe(plugins.postcss([autoprefixer(), cssnano() ]))
.pipe(gulp.dest('dist')
);
}
function minifyImages(){
return gulp.src(path.image).pipe(plugins.imagemin().pipe(gulp.dest('dist')))
}
function watchTask(){
gulp.watch(
path.scss,
scssTask
);
}
exports.default = gulp.series(
scssTask,
watchTask);
exports.images = minifyImages;