ElementUI按需加载配置

ElementUI 按需加载

---

前言

---

1.对项目进行构建

npm  run build

2. 按需加载，需要安装一个插件 babel-plugin-component

npm install babel-plugin-component - D

修改babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
	  [
		 'component', {
			 'libraryName':'element-ui',
			 'styleLibraryName':'theme-chalk'
		 } 
	  ]
  ]
}

3.修改main.js

import {Button,Message} from 'element-ui'
Vue.component(Button.name,Button)
Vue.prototype.$message = Message

4重新对项目打包

npm run build

这样按需加载配置就好了
https://element.eleme.cn/#/zh-CN/component/button