成功引入element plus ui库 (使用vue3.x,vue-cli 4.5)
由于公司需要开发一个pc网站,所以引用了这个适用于vue3.0的ui库,顺便做个记录
1,先安装
npm install element-plus --save
2,按需引入
npm install babel-plugin-component -D
3、修改babel.config.js
module.exports = {
"presets": [["@babel/preset-env", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-plus",
"styleLibraryName": "theme-chalk"
}
]
]
}
4,修改main.js
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import 'amfe-flexible'
const app = createApp(App)
import { ElButton } from 'element-plus';
app.use(ElButton)
app.use(router).mount('#app')
这样就可以开始使用了,看效果
扫码加q群