vue-cli3 搭建的项目 启用scss
vue add element //通过该命令引入的element-ui
vue add element 会添加以下文件
element.js
import Vue from 'vue'
import Element from 'element-ui'
import '../element-variables.scss'
Vue.use(Element)
element-variables.scss
$--color-primary: teal;
$--font-path: '~element-ui/lib/theme-chalk/fonts';
$--color-text-primary :rgba(0,0,0,.65);
@import "~element-ui/packages/theme-chalk/src/index";
且再main中会引入
import './plugins/element.js'
但是项目启动后如下图
控制台会有许多重复的样式 但是打开element官网的控制台却没有该现象。
我没有单独出来element.js , 直接写在main.js 里面,没有多出来的这多的重复样式