element怎么按需引入， element按需引入报错？

'@vue/cli-plugin-babel/preset',

["@babel/preset-env", {

  "modules": false

}]

],

“plugins”: [

[

  "component",

  {

    "libraryName": "element-ui",

    "styleLibraryName": "theme-chalk"

  }

]

]

}

4、在min.js中按需引入即可 | 也可以单独建一个文件夹放按需引入的配置，引入即可。

// element 按需引入

import ‘element-ui/lib/theme-chalk/index.css’;

import { Button } from ‘element-ui’;

Vue.component(Button.name, Button); // Button.name 这个就是 结构中的名字 el-button

/* 或写为

• Vue.use(Button)

*/

5、以下是按需引入的列表， 完整组件列表和引入方式（完整组件列表以 components.json 为准）



如有报错看看底层代码，尝试改变大小写。

import Vue from ‘vue’;

import {

Pagination,

Dialog,

Autocomplete,

Dropdown,

DropdownMenu,

DropdownItem,

Menu,

Submenu,

MenuItem,

MenuItemGroup,

Input,

InputNumber,

Radio,

RadioGroup,

RadioButton,

Checkbox,

CheckboxButton,

CheckboxGroup,

Switch,

Select,

Option,

OptionGroup,

Button,

ButtonGroup,

Table,

TableColumn,

DatePicker,

TimeSelect,

TimePicker,

Popover,

Tooltip,

Breadcrumb,

BreadcrumbItem,

Form,

FormItem,

Tabs,

TabPane,

Tag,

Tree,

Alert,

Slider,

Icon,

Row,

Col,

Upload,

Progress,

Badge,

Card,

Rate,

Steps,

Step,

Carousel,

CarouselItem,

Collapse,

CollapseItem,

Cascader,

ColorPicker,

Transfer,

Container,

Header,

Aside,

Main,

Footer,

Loading,

MessageBox,

Message,

Notification

} from ‘element-ui’;

Vue.use(Pagination);

Vue.use(Dialog);

Vue.use(Autocomplete);

Vue.use(Dropdown);

Vue.use(DropdownMenu);

Vue.use(DropdownItem);

Vue.use(Menu);

Vue.use(Submenu);

Vue.use(MenuItem);

Vue.use(MenuItemGroup);

Vue.use(Input);

Vue.use(InputNumber);

Vue.use(Radio);

Vue.use(RadioGroup);

Vue.use(RadioButton);

Vue.use(Checkbox);

Vue.use(CheckboxButton);

Vue.use(CheckboxGroup);

Vue.use(Switch);

Vue.use(Select);

Vue.use(Option);

Vue.use(OptionGroup);

Vue.use(Button);

Vue.use(ButtonGroup);

Vue.use(Table);

Vue.use(TableColumn);

Vue.use(DatePicker);

Vue.use(TimeSelect);

Vue.use(TimePicker);

Vue.use(Popover);

Vue.use(Tooltip);

Vue.use(Breadcrumb);

Vue.use(BreadcrumbItem);

Vue.use(Form);

Vue.use(FormItem);

Vue.use(Tabs);

Vue.use(TabPane);

Vue.use(Tag);

Vue.use(Tree);

Vue.use(Alert);

Vue.use(Slider);

Vue.use(Icon);

Vue.use(Row);

Vue.use(Col);

Vue.use(Upload);

Vue.use(Progress);

Vue.use(Badge);

Vue.use(Card);

Vue.use(Rate);

Vue.use(Steps);

Vue.use(Step);

Vue.use(Carousel);

Vue.use(CarouselItem);

Vue.use(Collapse);

Vue.use(CollapseItem);

Vue.use(Cascader);

Vue.use(ColorPicker);

Vue.use(Transfer);