Vue3按需引入ElementUI

Vue3按需引入ElementUI

这里记录下新构建的项目按需引入ElementUI

1、npm install --save element-ui
2、npm install babel-plugin-component -D
3、在 babel.config.js文件里如下图

module.exports = {
    
    
  presets: [
    "@vue/cli-plugin-babel/preset",//这行是默认有的，其余是要加的。
    ["@babel/preset-env", {
    
     modules: false }],//之前第一项写的是es2015,但是报错了，后来看了别的博主，发现因为Vue版本太高了，写es2015会出错。
  ],
  plugins: [
    [
      "component",
      {
    
    
        libraryName: "element-ui",
        styleLibraryName: "theme-chalk",
      },
    ],
  ],
};

4、main.js文件中按需引入样式

import {
    
     Button, Select } from "element-ui";

Vue.use(Button);
Vue.use(Select);

接下来就可以在vue文件中写了。