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

[equinusocio]

Thank you solved :)

[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? :)

[michael-ciniawsky]

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

Yep :)