how to css-module the common cssfile ?

[Summer-andy]

Describe the bug

*.module.scss or *.module.css file can be css-module. for example,

test.module.css

.container {
   width: 100px
}

import style from 'test.module.css'

this style is Object, because the test.module.css has been css-module。

now,

test.css

.container {
   width: 100px
}

i want this file test.css also can be css-module.

How should I configure it ?

Reproduction

System Info

Output of npx envinfo --system --npmPackages vite,@vitejs/plugin-vue --binaries --browsers:

System:
    OS: macOS Mojave 10.14.3
    CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
    Memory: 1.25 GB / 16.00 GB
    Shell: 5.3 - /bin/zsh
  Binaries:
    Node: 14.16.1 - ~/.nvm/versions/node/v14.16.1/bin/node
    Yarn: 1.13.0 - /usr/local/bin/yarn
    npm: 6.14.12 - ~/.nvm/versions/node/v14.16.1/bin/npm
  Browsers:
    Chrome: 90.0.4430.85
    Firefox: 88.0
    Safari: 12.0.3
  npmPackages:
    vite: ^2.1.5 => 2.2.1

Used package manager:

yarn

[patak-dev]

Please check this comment #2116 (comment), this is not something that is supported by Vite. You may be able to create a plugin for it though.

For this kind of question, please start a GitHub Discussion or join the chat at Vite Land to discuss with others.

[Summer-andy]

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