Brightness slider not visible on production build

[klickreflex]

Somehow styling for the brightness slider is lost on production builds (yarn build). It seems not related to PurgeCSS, as that is configured to only purge Tailwind's CSS and base styles from the component are visible, only the CSS custom properties for the background colors are lost.

Dev mode:

[klickreflex]

It's as if this import doesn't get imported at all on production builds: @import '~vue-slider-component/lib/theme/default.scss';

[klickreflex]

It doesn't help to copy the source scss out of node_modules into the project's assets: Same result, styles are present at dev runtime and lost on production build.

[klickreflex]

Might be related: vuejs/vue-cli#4832

[klickreflex]

I've been pulling my hair for more than hour and I'm lost. Do you have an idea what's possibly wrong here, @j6s?

I also tried explicitly en- or disabling CSS extraction, had absolutely no effect (besides a css file being either present or not in the dist bundle, but one without the slider component's styles), the imported scss is always missing in the production build:

// vue.config.js
module.exports = {
    css: {
        extract: false,
    },
};

[helioh3]

I have the same problem with some plugins

[helioh3]

o meu caso, o problema era um plugin do Tailwind esta implementado em meu projeto devido a uma dependecia que o precisava... resolvi removendo ele... algum tree-shaking do purgecss.

[j6s]

According to google translate:

in my case, the problem was a Tailwind plugin is implemented in my
project due to a dependency that needed it ... I decided to remove it
... some tree-shaking from purgecss.

@helioh3 I'd really appreciate if we'd stick to english here.
Using english as a universally agreed upon language makes projects easier to
approach for everyone. Thanks.

[helioh3]

@j6s sorry, it was automatic ... thanks!