安装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项目中使用按需引入,当引入样式文件后,会报错。