🎨
CSS Modules
自动检测或强制启用 CSS Modules，支持作用域类名
rollup-plugin-require-cssRollup CSS 导入插件
强大的 Rollup CSS 导入插件，支持 CSS Modules、预处理器等
Skip to content
快速开始
安装
bash
# pnpm
pnpm add -D rollup-plugin-require-css
# npm
npm install -D rollup-plugin-require-css使用
js
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
})
]
}为什么选择 rollup-plugin-require-css？
- CSS Modules：自动检测
.module.css文件或对所有 CSS 强制启用 - 预处理器：内置支持 Sass、Less 和 Stylus
- PostCSS：完整的 PostCSS 集成，支持各种插件
- Source Maps：生成 source maps 方便调试
- 代码分割：多入口点自动分割 CSS
- 压缩：高级 CSS 压缩选项
- 插件 API：程序化访问样式、CSS modules 和统计信息