首页 > 其他分享 >打包优化

打包优化

时间:2024-12-31 16:10:33浏览次数:1  
标签:visualizer 优化 vite https path import true 打包

直接上代码
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import viteCompression from 'vite-plugin-compression';
import { visualizer } from 'rollup-plugin-visualizer';
import path from 'path'
// https://vite.dev/config/
export default defineConfig({
plugins: [
vue(),
viteCompression({
verbose: true,
disable: false,
threshold: 10240,
algorithm: 'gzip',
ext: '.gz'
}),
visualizer({ open: true, gzipSize: true, brotliSize: true, filename: 'stats.html' })
],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'), // 配置@路径别名
},
},
build: {
rollupOptions: {
output: {
manualChunks(id) {
if (id.includes('node_modules')) {
return 'vendor';
}
}
}
}
}
})

坑又来了,path和__dirname ts不认,需要下载依赖npm install @types/node --save-dev

其他优化方式请参考https://www.cnblogs.com/chen0509/p/18420189、https://www.cnblogs.com/chen0509/p/18419990

标签:visualizer,优化,vite,https,path,import,true,打包
From: https://www.cnblogs.com/chen0509/p/18644217

相关文章

  • jemeter参数优化
    1.修改JSON请求编码:加请求头Content-Type:application/json;charset=UTF-8。2.修改返回结果编码: 打开jemeter的bin目录下jemeter.properties文件,将下面这行注释放开并将值改为UTF-8sampleresult.default.encoding=UTF-83.修改jemeter内存参数:打开jemeter的bin目录下jemete......
  • Frontline Analytic Solver分析求解器产品——基于Excel的数据分析和运筹优化
      FrontlineAnalyticSolver是一款求解性能优秀的基于MicrosoftExcel用户界面的数学分析、优化求解和模拟工具,主打产品有两种类型:分别是AnalyticSolverforExcel和AnalyticSolverforCloud。AnalyticSolver平台是针对任何规模问题的高级分析,预测,数据挖掘,模......
  • 解决uniapp安卓打包targetSdkVersion报错
    解决GooglePlay版本检查问题的实用方案。Error:GooglePlayrequiresthatappstargetAPIlevel33orhigher.[ExpiredTargetSdkVersion]问题描述打包时遇到以下错误:Error:GooglePlayrequiresthatappstargetAPIlevel33orhigher.[ExpiredTargetSdkVersion]......
  • ruoyi项目优化为本地项目
    一、修改配置文件在ruoyi-admin/src/main/resources目录1、修改数据库连接2、修改redis连接3、修改项目端口及根路径4、修改日志存放路径。二、改造项目为mybatisplus1、在ruoyi-common/pom.xml里添加mybatisplus依赖<!--mybatisPlus--><dependency><groupId>com......
  • 优化问题分类
    优化问题可以根据不同的标准和特性进行分类,以下是几种常见的分类方式:一、根据目标函数和约束条件的数学性质分类线性优化:当目标函数和所有约束条件都是线性的,问题被归类为线性优化。线性优化问题的数学模型简单,存在许多成熟的算法来求解,如单纯形法和内点法。线性优化在资源分配......
  • 【国内SEO优化指南】
    国内SEO优化指南国内SEO(搜索引擎优化)是指针对中国主要搜索引擎,如百度,进行的一系列优化措施,旨在提高网站在自然搜索结果中的可见性。以下是国内SEO优化的一些关键点和指南:一、基础准备1.明确目标与受众设定清晰的目标:确定你希望通过SEO实现的具体业务目标,如增加流量、提......
  • 前端针对图片性能优化都有哪些方法?
    前端针对图片性能优化的方法主要包括以下几个方面:选择合适的图片格式:根据不同的使用场景选择最合适的图片格式。例如,JPEG适用于照片和复杂图像,PNG适用于需要透明背景的图片,GIF适用于简单动画,SVG适用于矢量图形,而WebP格式则能在保持图片质量的同时大幅减小文件大小。压缩......
  • 线性优化问题
    线性优化问题,也称为线性规划问题,是优化理论中最基本且广泛应用的类型。以下是对线性优化问题的详细解析:一、定义与特点线性优化问题是指目标函数和所有约束条件都是线性的优化问题。其标准形式可以表示为:目标函数:minimizecTx(或maximizebTx,取决于问题的具体形式)约束条件:Ax=......
  • 鲁棒优化
    鲁棒优化(RobustOptimization)是最优化理论中用来寻求在不确定环境中使优化问题具有一定程度的鲁棒性(robustness)的方法。以下是对鲁棒优化的详细介绍:一、定义与目的鲁棒优化旨在求得一个解,使得对于可能出现的所有情况,约束条件均满足,并且使得最坏情况下的目标函数的函数值最优。其......
  • 如何优化瀑布流页面布局以减少空白区域?
    关于您提到的瀑布流页面布局存在过多空白区域的问题,这是一个常见的设计难题。为了实现更好的视觉效果,我们可以通过以下几种方式来优化:调整图片尺寸:瀑布流布局的核心在于图片大小不一,但如果差异过大,确实会导致空白区域增加。建议在上传图片前,先对外部图片进行预处理,使它们的宽......