Use PostCSS-like plugin function?

[ambar]

It's much easier to define user options and resolve local/scoped plugins:

// current API
function modify(config, _, __, userOptions = {}) {

}


{
  plugins: [
    {func: modify, options: {...}},
  ]
}

vs.

// PostCSS-like API
const modify = userOptions => config => {

}


{
  plugins: [
    modify({...}),
  ]
}

---

PostCSS plugin:

{
  plugins: [
    require('postcss-plugin-foo')(options),
    require('./myPlugin')(options),
  ]
}

Next.js plugin:

// next.config.js
const withCSS = require('@zeit/next-css')
module.exports = withCSS({
  cssModules: true,
})

Babel plugin:

{
  plugins: [
    [require('babel-plugin-foo'), options],
    [require('./myPlugin'), options],
  ]
}

Gatsby plugin:

{
  plugins: [
    {
      resolve: 'gatsby-plugin-foo',
      options: {},
    },
  ]
}