问题描述
根据element-plus文档自定义主题无法成功配置。
解决花费2天时间。
在根据文档进行按需导入配置之后没有效果后我的一些行为。
1.不采用按需导入的形式进行修改，没有成功。
2.通过搜索自定义主题的方法，没有找到结果。按照网上的配置不起效果
3.认为是自己项目本身在加入了tailwindcss配置影响了的，卸载了tailwindcss测试没有效果，想重新新建项目，由于npm下载较慢，没办法正常下载。搁置在那里了。
4.通过b站重新学习了别人换肤的方法。了解了换肤的基本思想SCSS+CSS变量，SCSS为了实现css的复用。
-
最后通过把每个知识点拆解，分析发现在index.scss中是可以对本地的elment.scss文件进行导入的，但是在index.scss中导入node_moudle中的文件时需要重启项目才可以导入。最后怀疑是vite的问题。
-
由于vite 的文档比较庞大，如果进行深入的学习的话花费的时间是比较多的。
-
问题的bug已经定位了，最终换了一个思路，通过在掘金上变换思路搜索别人自定element-plus 的组件样式的方法。果然，自定组件样式是一个大家都比较关注的问题，有很多解决方案，其中就包括了我的bug。原来是vite的配置出现了问题。最总解决方案
解决问题的关键
面对问题不退缩，不轻易改变技术路线。
对问题的定位，把scss导入步骤逐步的拆解。
扩大问题的搜索搜索范围，由原来的“elementplus自定义主题色”改变为“elementplus自定义样式”。最终找到了解决方法。
教训
1.做足技术调研
2.不轻易改变方案
3.学会拆分，定位bug
