关于vue.js:Vue-elementui-全局样式覆写不成功问题排查解决

前景提要：
Vue2 + element-ui我的项目，对element-ui的样式表进行覆写，实现自定义款式。

失常状况下，咱们在Vue2的我的项目中应用element-ui，须要
1、引入element-ui
2、Vue.use(Element)
3、引入样式表。

当初要对element-ui的样式表进行覆写，作用范畴为全局。覆写款式不胜利。

状况排查：对element-ui进行全局款式覆写时，发现新增的样式表B胜利增加，但被另外的样式表笼罩。

控制台Elements点击element-ui组件，能看到两份样式表A，样式表B的款式，问题是样式表B的款式大段的被划掉，上面又有新的样式表C，样式表C笼罩了自定义的样式表B。

这个状况下，全局搜寻”theme-chalk”，大概率能在babel.config.js中找到一个plugins
(见到上面这段代码)

[
  "component",
  {
    libraryName:  "element-ui",
    styleLibraryName: "theme-chalk"
  }
]

把它正文掉，再看控制台Elements，能够发现样式表C没了，解决。

未完待续。

同步更新到本人的语雀
https://www.yuque.com/diracke…