手动导入Element组件,优化包的体积示例

2022-08-14  本文已影响0人  JohnYuCN

1. 安装unplugin-element-plus

npm install -D unplugin-element-plus

在vite.config.ts中加入:

import ElementPlus from "unplugin-element-plus/vite";
....
export default defineConfig({
  plugins: [..., ElementPlus()],
...
});

3. 使用:

在vue中,单独引入所需要的组件:

import {ElButton,...} from 'element-plus'
...
<el-button>ok</el-button>

4. 效果:

未优化的效果 优化后的效果
上一篇 下一篇

猜你喜欢

热点阅读