将tailwind与react vite应用程序一起使用时删除未使用的样式

【问题标题】：Removing unused styles when using tailwind with react vite app将tailwind与react vite应用程序一起使用时删除未使用的样式
【发布时间】：2021-09-11 17:22:50
【问题描述】：

我正在尝试在构建过程中删除未使用的 css。 npm run build => "build": "tsc && vite build --base=/root/",

我收到如下错误消息无法读取未定义的属性“匹配”

Tailwind 配置条目：

清除：[{启用：true，内容：['./src/**/*.tsx'] }]，

【问题讨论】：

标签： javascript tailwind-css purge

【解决方案1】：

尝试使用此配置，

// tailwind.config.js
module.exports = {
  mode: 'jit',
  purge: {
    enabled: process.env.NODE_ENV === 'production',
    safeList: [],
    content: ['./index.html', './src/**/*.tsx', './src/**/*.ts'],
  },

【讨论】：