element-ui自定义主题的问题

Question

/ 改变 icon 字体路径变量，必需 /
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

//.defaultTheme {
// @import 'light';
// / 改变 icon 字体路径变量，必需 /
// $--font-path: '~element-ui/lib/theme-chalk/fonts';
// @import "~element-ui/packages/theme-chalk/src/index";
// @import "../css/testTheme";
//}
//.blackTheme {
// @import 'black';
// / 改变 icon 字体路径变量，必需 /
// $--font-path: '~element-ui/lib/theme-chalk/fonts';
// @import "~element-ui/packages/theme-chalk/src/index";
// @import "../css/testTheme";
//}
我按照没注释的那样写可以
但是按照注释的就字体图标文件不加载，，请问是为什么？
其他的都没错。。在light和black定义的变量，，element也都跟着变了，，就是字体图标文件压根不加载

Answer 1

你要不试试在main.js里面这样引入

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import '@/assets/icon/iconfont/iconfont.css'
import '@/assets/theme/index.css'
Vue.use(ElementUI)