Output contains const keyword for stylesheet export

[jessethomson]

Problem

The output generated when using the stylesheet export contains the const keyword, causing the code to break in some areas.

Solution

Replace const with var on the following line:

rollup-plugin-postcss/src/postcss-loader.js

Line 199 in b17c15d

`export const stylesheet=${JSON.stringify(result.css)};`

Use Case

I have a library that contains all the styles for multiple component libraries. The component libraries have different ways of injecting the styles so I use the inject: false option of rollup-plugin-postcss, and let each library handle injection. In the styles library, I need to be able to export both the 1) js object of classNames, and 2) the raw css content so that the component libraries can use it.

The best way I have found to achieve that is this:

export { default as ButtonStyles, stylesheet as ButtonCSS } from './button.css'

As such, I need the stylesheet export because when using css modules, the default export is just the js object.

(Happy to go into more details on my use case, basically just trying to say enough to make it clear that I need the actual stylesheet export.)

Steps to Repro

Config:

rollup.config.js

import postcss from 'rollup-plugin-postcss';

export default {
    input: 'src/index.js',
    output: {
        file: 'dist/index.js',
        format: 'es',
    },
    plugins: [
        postcss({ inject: false }),
    ]
}

Input:

src/index.js

export { stylesheet } from './index.css';

src/index.css

.test {
  color: blue;
}

Output:

dist/index.js

const stylesheet=".test {\n    color: blue;\n}";

console.log(stylesheet);

[jessethomson]

Is there a rough estimate for when I could expect this change to be released? No pressure, just curious.

Thanks for all you do on this project!