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

作者: JohnYuCN | 来源:发表于2022-08-14 12:13 被阅读0次

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>

未优化的效果

优化后的效果

手动导入Element组件，优化包的体积示例
1. 安装unplugin-element-plus 在vite.config.ts中加入： 3. 使用：在vu...
2018-06-17
基于rollup的组件库打包体积优化背景前段时间对公司内部的组件库(类似element-ui)做了打包体积优化...
XHR封装文件上传方法
参考 Element-UI 源码中的 Upload 组件，手动封装文件上传方法：使用示例：
IntelliJ IDEA 自动导入包快捷方式关闭重复代码提
idea可以自动优化导入包，但是有多个同名的类调用不同的包，必须自己手动Alt+Enter设置设置idea导入包...
IntelliJ IDEA 自动导入包快捷方式关闭重复代码提
idea可以自动优化导入包，但是有多个同名的类调用不同的包，必须自己手动Alt+Enter设置设置idea导入包...
Element-UI 的基本使用（基于 Vue 的组件库）
✍目录总览： 1. 基于命令行方式手动安装 ① 安装依赖包 npm i element-ui –S ② 导入 El...
包体积优化
为什么需要优化包体积下载转化率，包体积增加不利于用户下载推广成本，包体积增大推广成本也会加大应用市场限制包...
包体积优化
1.删除无用图片资源https://github.com/tinymind/LSUnusedResources2....
包体积优化
Aandroid的安装包APK文件本身就是个压缩文件，把后缀改成.zip，解压后，能看到安装包的内容包括要减少安...
包体积优化
https://juejin.cn/post/7116089040264232967[https://juejin...

本文标题：手动导入Element组件，优化包的体积示例

本文链接：https://www.haomeiwen.com/subject/veokgrtx.html