vite-plugin-auto-css-modules

same as babel-plugin-auto-css-modules but for vite

Usage no npm install needed!

<script type="module">
  import vitePluginAutoCssModules from 'https://cdn.skypack.dev/vite-plugin-auto-css-modules';
</script>

README

vite-plugin-auto-css-modules

same as babel-plugin-auto-css-modules but for vite

install

yarn add vite-plugin-auto-css-modules -D

usage

// vite.config.ts
import { defineConfig } from 'vite';
import autoCSSModulePlugin from 'vite-plugin-auto-css-modules';

export default defineConfig({
  // ... other config
  plugins: [
    autoCSSModulePlugin(),
  ],
});

// this will be modulized css
import $ from './index.css';

// this will be normal css
import './index.css';

// you do not need to name your style file to xx.module.css