关于element-ui的按需引入配置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于element-ui的按需引入配置相关的知识,希望对你有一定的参考价值。

参考技术A 前言:因为刚开始搭建项目框架的时候比较急,那时候确认要使用element-ui框架,就直接去官网照着安装全局引入,最近项目结束后,发现首页的加载速度有点小慢,就准备将项目内的所有引入的element-ui组件全部归类出来,按需引入!怕忘记自己的这一套引入方式,因此记录,废话不多说,上菜!

目录结构我就上传了,本框架使用的是vue版本的,未转换为ts版本!

先创建一个companyImport.js,将element-ui的样式及所使用的组件全部引入,格式如下

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

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

以上是关于关于element-ui的按需引入配置的主要内容,如果未能解决你的问题,请参考以下文章

Element-UI按需引入 按需打包

muse-ui 安装

电商后台管理项目d01

vue2.0+按需引入element-ui报错

Echarts的按需加载

react中执行yarn eject配置antd-mobile的按需加载