createCssOnlyPlugin
Fork from rollup-plugin-css-only
为 rollup 提供 css 文件输出
Test
ts
import { test } from 'vitest'
import path from 'path'
import { createTsPlugins, createCssOnlyPlugin } from '../index'
import { rollupFiles } from '../../rollupFiles'
test('createCssOnlyPlugin', {
timeout: 1000 * 60 * 10,
}, async () => {
await rollupFiles({
input: path.resolve(__dirname, './css/index.ts'),
outputDir: path.resolve(__dirname, 'dist/css'),
plugins: [
...createTsPlugins(),
createCssOnlyPlugin({
fileName: 'styles.css'
})
]
})
})build/rollup/plugins/__tests__/createCssOnlyPlugin.test.ts
ts
import './a.css'
import './b.css'
import './abc.scss'
const a = 'a'
export {
a
}build/rollup/plugins/__tests__/css/index
CreateCssOnlyPluginSettings
| field | type | default | description |
|---|---|---|---|
| include | FilterPattern | [‘**/*.css’] | 包含的文件 |
| exclude | FilterPattern | - | 排除的文件 |
| fileName | string | ‘styles.css’ | 输出的文件名 |
| multiple | boolean | false | 是否输出多个文件 |
FilterPattern来源: import FilterPattern from ‘rollup’
multiple 为 true 时,根据入口文件数量输出多个文件,文件名称根据 入口文件目录 + fileName 决定