rollup-plugin-require-cssImport CSS in Rollup

A powerful rollup plugin for importing CSS with CSS Modules, preprocessors, and more

Get Started

View on GitHub

🎨

CSS Modules

Auto-detect or force enable CSS Modules with scoped class names

📦

Preprocessor Support

Sass/SCSS, Less, Stylus out of the box

⚡

PostCSS Integration

Use any PostCSS plugins like autoprefixer

🗺️

Source Maps

Generate accurate source maps for debugging

🔥

HMR Support

Hot Module Replacement for development

✂️

Code Splitting

Split CSS by entry points

Quick Start

Install

bash

# pnpm
pnpm add -D rollup-plugin-require-css

# npm
npm install -D rollup-plugin-require-css

Usage

import requireCSS from 'rollup-plugin-require-css'

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/index.js',
    format: 'es'
  },
  plugins: [
    requireCSS({
      output: 'style.css',
      minify: true
    })
  ]
}

Why rollup-plugin-require-css?

CSS Modules: Auto-detect .module.css files or force enable for all CSS
Preprocessors: Built-in support for Sass, Less, and Stylus
PostCSS: Full PostCSS integration with plugin support
Source Maps: Generate source maps for easier debugging
Code Splitting: Automatic CSS splitting for multiple entry points
Minification: Advanced CSS minification options
Plugin API: Access styles, CSS modules, and stats programmatically