@frsource/vite-plugin-vue-dedupe-css-modules
By default, @vitejs/plugin-vue
version 2 adds a CSS Module into the output JS bundle every time it's used in your component via <style module lang="scss" src="somemodule.scss"></style>
syntax. This plugin for vite deduplicates CSS Modules in your Vue application bundle leaving them only once!
Install
npm install @frsource/vite-plugin-vue-dedupe-css-modules --save-dev
# or
yarn add @frsource/vite-plugin-vue-dedupe-css-modules --dev
Usage
import { defineConfig } from 'vite';
import vueDedupeCSSModulesPlugin from '@frsource/vite-plugin-vue-dedupe-css-modules';
export default defineConfig({
plugins: [vueDedupeCSSModulesPlugin({ /** Options */ })],
});
Options
This plugin can be configured using the configuration options below:
include
- Type:
string | string[]
- Default:
['src/**/*.css', 'src/**/*.less', 'src/**/*.styl', 'src/**/*.scss', 'src/**/*.sass', 'src/**/*.vue']
A single file, or array of files, to include when linting.
exclude
- Type:
string | string[]
- Default:
'node_modules'
A single file, or array of files, to exclude when linting.
Development
This project is using yarn version 3. Make sure to use yarn set version latest
to download it before doing any changes.
License
MIT