composes from external .css file doesnt work

[lrembacz]

What problem does this feature solve?

<style module> composes test from './main.css'; </style>

should work and be exported.

error is thrown referenced class name "test" in composes not found. Probably associated with postcss-modules-scope.

What does the proposed API look like?

Composing class in <style> tag is working. Is there any way to fix this?

[przemkow]

I checked this problem to get more details and is seems to be caused by external dependency postcss-modules-sync used in rollup-plugin-vue

Here is the small repo where you can reproduce this issue:
https://github.com/przemkow/postcss-modules-sync_compose-from-file

postcss-modules plugin interprets that correctly but it does not supports yet sync build.

PS. On next branch (version for Vue 3) this behaviour works as expected.

[lrembacz]

Okey, I actually made workaround even before your message with two additional plugins:

• https://github.com/css-modules/postcss-modules-resolve-imports
• https://github.com/css-modules/postcss-modules-extract-imports
  and added them to style.postcssPlugins but it's not ideal.