关于element-ui的按需引入配置
2019-07-13 本文已影响0人
SweetJacker
前言:因为刚开始搭建项目框架的时候比较急,那时候确认要使用element-ui框架,就直接去官网照着安装全局引入,最近项目结束后,发现首页的加载速度有点小慢,就准备将项目内的所有引入的element-ui组件全部归类出来,按需引入!怕忘记自己的这一套引入方式,因此记录,废话不多说,上菜!
目录结构我就上传了,本框架使用的是vue版本的,未转换为ts版本!
先创建一个companyImport.js,将element-ui的样式及所使用的组件全部引入,格式如下

然后进入main.js文件中,将之前定义的文件引入,然后使用Vue.use(xxx)进行全局声明

按照上面的配置,蹬~蹬~蹬~,之前页面内使用的组件就不报错了,因为我这个demo是写在vue-cli的vue-electron的模板下的,所以这里配置文件不一样,请关注重点!