vue3+element-plus引入tailwindcss导致样式错乱问题_vue3 - 解决使用 tailwindcss 后导致 ui 组件库样式受影响,引入后发现项目组件库

在tailwindcss.config.js中加入这段

module.exports = {
    corePlugins: {
        preflight: false // 关闭默认样式
    }
}

corePlugins 部分允许你完全禁用 Tailwind 通常默认生成的类。

如果你想禁用所有 Tailwind 的核心插件，而只是将 Tailwind 用作处理你自己的自定义插件的工具，请提供一个空数组：

/** @type {import('tailwindcss').Config} */
module.exports = {
  corePlugins: []
}