uniapp 按需引入elementui
时间: 2023-07-24 17:24:06 浏览: 79
element-ui中按需引入的实现
5星 · 资源好评率100%
要在 uni-app 中按需引入 ElementUI,你需要使用 babel-plugin-component 插件。具体步骤如下:
1. 安装插件
```
npm install babel-plugin-component -D
```
2. 修改 babel 配置文件
在 `babel.config.js` 文件中添加以下配置:
```js
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
```
3. 在需要使用 ElementUI 的地方按需引入组件
```js
import Vue from 'vue'
import {
Button,
Form,
FormItem
} from 'element-ui'
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
```
这样就可以只引入需要的组件,减小项目体积。
阅读全文