element-plus按需引入方法
时间: 2023-07-18 09:35:42 浏览: 359
element-plus-2.1.9.zip
要使用 element-plus 的按需引入功能,你需要先安装 babel-plugin-component 插件:
```
npm install babel-plugin-component -D
```
然后在 babel 配置文件中添加以下配置:
```
// babel.config.js
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
[
"component",
{
"libraryName": "element-plus",
"styleLibraryName": "theme-chalk"
}
]
]
}
```
最后,你可以在组件中按需引入 element-plus 的组件:
```
<template>
<el-button type="primary">Primary</el-button>
</template>
<script>
import { ElButton } from 'element-plus'
export default {
components: {
ElButton
}
}
</script>
```
阅读全文