imported lib files are not scanned

Describe

In monorepo, I have two project, one component library, one app. Both use vite, windicss and vue.

The library export tree-shakable components

export {default as TestComp1} from './components/Test1.vue';
export {default as TestComp2} from './components/Test2.vue';

TestComp1 looks like this:

<template>
    <div class="bg-pink-500 text-white">hello</div>
</template>

<script setup lang="ts"></script>

Then I import library component in the app

<template>
    <div class="bg-purple-400">
        <TestComp1/>
    </div>
</template>

<script setup lang="ts">
import {TestComp1} from 'windicss-lib';
</script>

bg-pink-500 and text-white classes are not generated.

I have checked the plugin options but I did not find a solution. If i Include the node_modules for scan, I’m afraid of ending up with too much CSS, because it will scan all the components even the ones I don’t use.

Edit:

indeed, if I add my lib to the scan.dir option, it is scanned as a whole, so at the end, I will have to purge the final bundle.

Versions

• vite-plugin-windicss: 0.8.2
• vite: 2.05
• framework(vue/react/svelte/etc): vue 3.0.7

Additonal Context

[antfu]

That’s a good point @germsb, maybe we can have a different strategy to do that on the build. Thanks for bring this up

[Brinken90]

@antfu any updates on this? I’m running into the same issue. If not, you wrote that a function for generating the safelist in this issue #132 , do you know if it would be possible to access the component list inside of a plugin?