element-ui 按需引入

251 阅读1分钟

1.安装element-ui

npm i element-ui@2.15.8

2.修改babel.config.js

module.exports = {
	presets: [
		'@vue/app',
		["@babel/preset-env", { "modules": false }]
	],
	plugins: [
		[
			"component",
			{
				"libraryName": "element-ui",
				"styleLibraryName": "theme-chalk"
			}
		]
	]
}

3.在main.js中按需引入

import {
	Card,
	Button,
	Table,
	TableColumn
} from 'element-ui'

import {
	Loading
} from 'element-ui'

Vue.use(Loading)

Vue.component(Card.name, Card)
Vue.component(Button.name, Button)
Vue.component(Table.name, Table)
Vue.component(TableColumn.name, TableColumn)