incompatibility with async plugins

If you try to use require hook with any async plugin (for example postcss-import) you get error throw new Error('Use process(css).then(cb) to work with async plugins');

[jedrichards]

I’m using postcss-import to do something like,

@import "../colors.css";

.foo {
  color: var(--my-col);
}

And I get the async plugins error …

Hook setup looks like this,

require('css-modules-require-hook')({
  prepend: [require('postcss-import')(), require('postcss-cssnext')()]
})

The postcss-cssnext portion works fine, but it bombs out because postcss-import is async only.

I’ve opened an issue at postcss-import since it looks like they used to have a sync mode, but removed it 😕

https://github.com/postcss/postcss-import/issues/180

[sullenor]

@anru nice solution 😃