vite-plugin-libcss

This plugin will inject css into bundled js file using import statement like this:

1// bundled js file, with import css at top (if any)
2import './style.css';

3// rest of the file

4// ...

Install:

npm i vite-plugin-libcss -D

Usage:

1// vite.config.js
2import libCss from 'vite-plugin-libcss';
3
4// https://vitejs.dev/config/
5export default defineConfig({
6  plugins: [
7    // any other plugins
8    libCss()
9  ],
10});

or with include/exclude options

1// vite.config.js
2import libCss from 'vite-plugin-libcss';
3
4// https://vitejs.dev/config/
5export default defineConfig({
6  plugins: [
7    // any other plugins
8    libCss({
9      include: 'src/**/*', // Include all entry files
10      exclude: 'src/utils/*', // Exclude entry files in the "utils" directory
11    })
12  ],
13});

Note that this plugin will only work with library-mode and es format build.