解决tailwindcss与前端框架的样式冲突问题
原文中文，约600字，阅读约需2分钟。
📝
内容提要
当前前端组件库（如ant-design、element-plus、navie-ui）在安装tailwindcss后常出现样式冲突，主要是因为tailwindcss的preflight.css覆盖了组件样式。解决方法包括在引入组件样式前先引入tailwindcss样式，或在vue项目中禁用preflight并手动引入preflight.css。
🎯
关键要点
-
当前前端组件库（如ant-design、element-plus、navie-ui）在安装tailwindcss后常出现样式冲突。
-
样式冲突的主要原因是tailwindcss的基础样式preflight.css覆盖了组件样式。
-
解决方法一：在引入组件样式之前先引入tailwindcss样式。
-
解决方法二：在vue项目中禁用preflight并手动引入preflight.css。
-
在项目根目录下的tailwind.config.js文件中添加corePlugins: { preflight: false }。
-
创建preflight.css文件并从指定链接拷贝内容，最后在项目中引入该文件。
🏷️
