Element-plus按需引入注意：我们不能在vite创建的vue3项目中使用按需引入，当引入样式文件后，会报错。

安装element-plus插件

npm install element-plus --save

安装配置文件

npm install babel-plugin-component -D

在项目根路径下配置babel.config.js文件

//babel.config.js
module.exports = {
  presets: [
    ['@babel/preset-env', { 'modules': false }]
  ],
  'plugins': [
    [
      'component',
      {
        'libraryName': 'element-plus',
        'styleLibraryName': 'theme-chalk'
      }
    ]
  ]
}

按需引入


import 'element-plus/lib/theme-chalk/index.css';
import { ElButton } from 'element-plus'

createApp(App).use(ElButton).mount('#app')

注意：我们不能在vite创建的vue3项目中使用按需引入，当引入样式文件后，会报错。

详细信息请访问element官网