vite2 vue3 按需引入 Element-plus

在 Vite2 + Vue3 项目中，按需引入 Element Plus 可以通过以下步骤实现：

1. 安装 Element Plus 和 babel-plugin-import

npm install element-plus babel-plugin-import -S

2. 在`babel.config.js`文件中添加`babel-plugin-import`插件配置

module.exports = {
  presets: ["@vue/cli-plugin-babel/preset"],
  plugins: [
    [
      "import",
      {
        libraryName: "element-plus",
        customStyleName: (name) => {
          return `element-plus/lib/theme-chalk/${name}.css`;
        },
      },
    ],
  ],
};

3. 在需要使用的组件中按需引入

<template>
  <div>
    <el-button type="primary">Primary</el-button>
  </div>
</template>

<script>
import { ElButton } from "element-plus";

export default {
  name: "App",
  components: {
    ElButton,
  },
};
</script>

这样就可以实现 Element Plus 组件的按需引入了。