Vite:rollup-plugin-visualizer查看打包体积分析report报告

简介: Vite:rollup-plugin-visualizer查看打包体积分析report报告

安装依赖

pnpm i rollup-plugin-visualizer -D

配置

vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { visualizer } from 'rollup-plugin-visualizer'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  build: {
    rollupOptions: {
      plugins: [visualizer()]
    },
  }
})

打包之后会生成一个文件stats.html

image.png

参考


相关文章
|
移动开发 安全
uniapp打包成H5遇到的坑,本地访问页面空白
uniapp打包成H5遇到的坑,本地访问页面空白
1977 0
|
JavaScript
VUE之vxe-table高级表格(表格内增删改、导入、导出、自定义打印、列设置隐藏显示等)用法
VUE之vxe-table高级表格(表格内增删改、导入、导出、自定义打印、列设置隐藏显示等)用法
9729 0
VUE之vxe-table高级表格(表格内增删改、导入、导出、自定义打印、列设置隐藏显示等)用法
|
9月前
|
数据可视化 Apache 开发者
趣码乐园 Apache ECharts 6.0 功能介绍
作为一种布局,它还允许开发者将各种图表类型和组件结合,创造出灵活复杂的可视化作品:
|
XML JSON 前端开发
bpmn.js 使用常见问题(不定时持续更新)
bpmn.js 使用常见问题(不定时持续更新)
7025 2
|
JSON 前端开发 算法
vite打包优化vite-plugin-compression的使用
【8月更文挑战第4天】vite打包优化vite-plugin-compression的使用
2287 4
|
UED
使echarts图例legend只选中一个(selectedMode)
本文介绍了如何在ECharts图表中设置图例(legend)的选中模式为单选('single'),以确保在有多个图例时,用户只能选择一个图例项进行展示,从而提升图表的可读性和用户体验。
1716 2
使echarts图例legend只选中一个(selectedMode)
|
SQL 弹性计算 数据库
达梦(DM)1、安装达梦数据库(Windows篇)
DM8是达梦公司在总结DM系列产品研发与应用经验的基础上,坚持开放创新、简洁实用的理念,历经五年匠心打磨,推出的新一代自研数据库。
2032 0
达梦(DM)1、安装达梦数据库(Windows篇)
|
存储 前端开发 中间件
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
2859 0
|
Web App开发 前端开发 Android开发
svg图标无法修改颜色的解决方案
svg图标无法修改颜色的解决方案
|
JavaScript
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
4755 0

热门文章

最新文章