中文 | English

安装

pnpm add -D tailwindcss-source

使用

在 vite.config.ts 中：

import tailwindcss from '@tailwindcss/vite'
import { tailwindcssSource } from 'tailwindcss-source'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    tailwindcssSource({ // 必须在 tailwindcss 之前
      entry: '...',
      sources: ['...']
    }),
    tailwindcss()
  ],
})

参数说明

tailwindcssSource(option: Option)

Option

entry - string

TailwindCss 入口文件，即 @import "tailwindcss" 所在的文件。

示例：

'src/styles/index.css'

sources - Source[]

需要检测的源文件路径配置。

示例：

[
  {
    name: '@xx/pkg1',
    path: 'src/**/*.{css,ts,tsx}'
  },
  {
    name: '@xx/pkg2',
    path: 'src/**/*.{css,ts,tsx}'
  }
]