0
点赞
收藏
分享

微信扫一扫

Nuxt引入element-ui组件库

自由的美人鱼 2022-07-12 阅读 170


npm i element-ui -S

完整引入

在​​plugins​​​目录新建​​element-ui.js​​文件

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

在​​nuxt.config.js​​添加

: [
'@/plugins/element-ui'
],

按需引入

npm install babel-plugin-component -D

修改​​element-ui.js​​文件

import Vue from 'vue'
import {
Button
} from 'element-ui'

Vue.use(Button)

修改​​nuxt.config.js​​文件

: {
babel: {
plugins: [
["component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
},
}


举报

相关推荐

0 条评论