vite-plugin-for-load-css-module

💂‍♂️A plugin to extend vite's css module rules, not just ".module" suffix。

Use the resolveId hook to trick the vite css plugin by returning the filename as '.module.css'.

Install

yarn add vite-plugin-for-load-css-module -D

Usage

import { defineConfig } from 'vite'
import loadCssModulePlugin from 'vite-plugin-for-load-css-module';

// https://vitejs.dev/config/
export default defineConfig({
  ...
  plugins: [
    loadCssModulePlugin({
      include: id => id.endsWith('less') && !id.includes('node_modules'),
    })
  ]
  ...
})

Example

https://github.com/tongtannan/vite-plugin-for-load-css-module/tree/master/playground

Post