How to keep both extracted CSS and inline CSS?

[suliskh]

I'm building React component library, and I want 2 output bundle:

1. Bundled React components (.js) which include inline CSS modules
2. Extracted CSS files, so that I can use component's style in plain HTML nevertheless.

Is that possible to extract CSS , while also keep the inline style in output bundle? Thanks for helping me! Great job by you all~

[simonbrunel]

Almost the same use case for Chart.js (see chartjs/Chart.js#6015) where we want to be able to provide an option to disable CSS injection for projects with strict CSP policies, which ones should explicitly include the stylesheet instead.

So basically, we need something like:

postcss({
    extract: {
       /**
        * If `true`, the style will be also included JavaScript side. 
        * @default false
        */
       embed: true

       // room for other 'extract' related options ...
       path: 'foobar.css',
       prefix: 'foobar',
       ...
    }
})

@egoist I will be happy to submit a PR if you agree with integrating that feature. In that case, please let me know how you envision the public API for this new behavior.