vite-plugin-include-css

When cssCodeSplit: false is enabled, all CSS will be bundled into a single JavaScript file.

Installation

npm

npm add vite-plugin-include-css

pnpm

pnpm add vite-plugin-include-css

yarn

yarn add vite-plugin-include-css

Usage

import { defineConfig } from 'vite';
import includeCSS from 'vite-plugin-include-css';

export default defineConfig({
  plugins: [
    includeCSS()
  ],
  build: {
    cssCodeSplit: false,
    rollupOptions: {
      output: {
        manualChunks: undefined,
        assetFileNames: 'assets/[name][extname]',
        entryFileNames: '[name].js',
        format: 'iife'
      }
    }
  }
});