vue + webpack + emelent-ui打包后element的小图标不显示

由于针对element-ui的组件样式,我引入了element-theme-chalk 样式,下载完依赖后注入的时候,循序为:

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
import 'element-theme-chalk';

导致了在项目打包后element-ui的图标显示不出来,如图:
vue + webpack + emelent-ui打包后element的小图标不显示_第1张图片
找了半天,还以为是打包的路径出现问题,结果是图标的样式引入出现问题了。
将循序该为:

import ElementUI from 'element-ui'
import 'element-theme-chalk';
import 'element-ui/lib/theme-chalk/index.css';

就可以了,原因打包的循序造成的

你可能感兴趣的:(vue,前端开发)