主要结合文章展示的一个DEMO。
建议安装Vue Language Features (Volar)和Tailwind CSS IntelliSense两个插件。
当前分支（ main ）是默认全局引入ElementPlus进行测试的，当然我在 main.ts 中的两个样式文件顺序上做了调整，为了方便大家观察到样式问题，所以默认就用这个分支最简单的方式展示出来了。后面我会慢慢讲解其他场景的情况。
与此同时我将该Demo提交到了codesandbox，大家也看这里：在线DEMO
本项目对应的文章：
关于样式覆盖，样式冲突等问题的帖子反复有人讨论：3.x newly increased button... style influence，故而我又把这个老项目弄出来，之前说的 element-plus 我检测过了没啥问题，但是其他的UI库似乎依然有问题，比如说结合 antdv 的时候，我也做了下测试，其中 button 的问题不存在了。但是 message 的问题又出现了，我这里就不放在线 demo 了，有兴趣的可以看 antdv 分支自己测试下咯（当然这种冲突问题一般来说不可避免，我在demo中也有文字说明）。
我这次更新只是与时俱进，更新了依赖版本，总而言之，在使用目前最新的 vite4.1.0 ， element-plus2.2.29 ， vue3.2.45 采用按需加载的模式，简单的配置，一切都是正常的。也提供给需要的朋友做个参考。
特别说明：完整引入的时候，使用最新版的 Element Plus (2.2.2，实际上从2.2.0开始即可)及相关依赖的升级后， el-button 的样式问题被解决了，但这并不代表着 main.ts 中的样式引入顺序可以随意写了。**因为依然无法确定在其他的组件和 Tailwindcss 相关样式是否可能存在冲突，你仍然需要思考，并加以调整。**关于样式冲突的问题，暂时就研究到这里了。
通过观察，从2.2.0之后， Element Plus 对 el-button 组件的样式做了大幅度改动，详细可见https://github.com/element-plus/element-plus/releases/tag/2.2.0
如果想看之前的旧的有问题的，可以直接查看分支ID：f3500f1a83b8fe86ae44d0d28fe58eca8e7bfc91