如何消除TailwindCSS v4生成的未使用冗余CSS样式？

你看到的@layer base下的样式是Tailwind默认注入的Preflight基础样式重置，和你导入的content_script目录内容无关。要彻底避免生成这类样式，按以下步骤操作：

• 关闭Tailwind的Preflight功能：在项目根目录的tailwind.config.js中，修改corePlugins配置，将preflight设为false：

/** @type {import('tailwindcss').Config} */
module.exports = {
  corePlugins: {
    preflight: false,
  },
  // 保留你原有的其他配置（比如prefix、content等）
}

• 确认构建配置的纯净性：
  • 检查@import "tailwindcss" prefix(tw) source(none);指令是否仅加载Tailwind的工具类和配置，未额外引入基础层；
  • 验证@source "../content_script"指令是否仅导入目标目录下的样式文件，排除意外注入的内容；
  • 排查PostCSS插件列表，确保没有其他插件自动添加全局样式重置。

修改完成后重新执行构建，生成的CSS就不会再包含那些默认的基础样式了。

内容的提问来源于stack exchange，提问作者user435421