Configure files to be processed as css-modules

[gpoitch]

Is your feature request related to a problem? Please describe.
The css modules feature currently requires the file to have a .module.css extension. I'd like to be able to just use .css

Describe the solution you'd like

css: {
    modules: {
      include: /\.css$/,
      exclude: /node_modules/
    }
}

Describe alternatives you've considered
Rename all the css files to use the convention. Simple enough, just find it unclean, less portable/tooling-specific, something extra that has to be explained to a team.

[yyx990803]

Why is it unclean? Assuming all .css to be CSS modules doesn't make it any less tooling-specific, and you lose the ability to differentiate between module vs. non-module CSS.

I don't think this is something we'll support.

[gpoitch]

you lose the ability to differentiate between module vs. non-module CSS.

The include/exclude api differentiates it. Also I would say going "all-in" on modules is more common than mixing modules/non-modules. The exception is node_modules and could have that be the default for exclude.

Why is it unclean?

Just personal preference to have standard file extensions. I see a similar issue and response for people wanting .js extensions with jsx processing. My feedback would be to think about a general include/exclude api ala weback loader tests to help adoption. Anyway, nice project and I enjoyed evaluating it.

[yyx990803]

The general idea here is: if it's just "preference", avoid adding yet an option for it. Every new option is more surface for documentation and maintenance.

[Summer-andy]

i have create a plugin to support it ! https://github.com/Summer-andy/vite-plugin-transform-css-modules