How make it works with Gulp 4 (and gulp-postcss)?

[equinusocio]

Problem

Make postcss plugins load from postcss.config.js with a Gulp 4 task and gulp-postcss. Is there a way?

Issue [ Code ]

My simply gulp 4 postcss task

export const pcss = (done) => {
  return gulp.src(`${pkg.paths.elements}/**/*.pcss`)
    .pipe(postcss(->PLUGINS<-))
    .pipe(gulp.dest('./'));

  done();
}

gulp.task('postcss', pcss);

Environment

Please provide information about your environment.

OS	Node	npm	PostCSS
Mac OS	9.2.1	5.6.0	4.1.1

[michael-ciniawsky]

$ROOT
|– src
| |– imports
| | |– import.pcss
| |– index.pcss
|
|– gulpfile.js
|– postcss.config.js
|– package.json

postcss.config.js

module.exports = (ctx) => ({
   plugins: {
      'postcss-plugin': {...options}
   }
})

gulpfile.js

export const pcss = (done) => {
  return gulp.src(`${pkg.paths.elements}/**/*.pcss`)
    .pipe(postcss())
    .pipe(gulp.dest('./'));

  done();
}

Should work out-of-the-box

[equinusocio]

I also need to require/import postcss-load-plugins inside the gulpfile.babel.js?

[michael-ciniawsky]

You don't need to install anything. gulp-postcss has postcss-load-config as a direct dependency, that's what I meant by out-of-the-box 😛

[equinusocio]

Ah so just putting the postcss.config.js file all plugins will be auto-imported with relative
configs? :)

[equinusocio]

Thank you solved :)

[michael-ciniawsky]

Ah so just putting the postcss.config.js file all plugins will be auto-imported with relative
configs? :)

Yep :)