@vunk/shared

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 ​

fieldtypedefaultdescription
includeFilterPattern[‘**/*.css’]包含的文件
excludeFilterPattern-排除的文件
fileNamestring‘styles.css’输出的文件名
multiplebooleanfalse是否输出多个文件

FilterPattern来源: import FilterPattern from ‘rollup’

multiple 为 true 时,根据入口文件数量输出多个文件,文件名称根据 入口文件目录 + fileName 决定