首页 > 其他分享 >vite 分包打包

vite 分包打包

时间:2024-05-01 21:56:14浏览次数:28  
标签:依赖 vendor 分包 vite id 打包

1.概述

在使用vite打包的时候,一般情况会将依赖包和源码打包到一起,这样的问题是,一般情况依赖包一般情况是不变的,如果打包到一起,程序更新时,就会因为打包指纹发生变化而重新下载,如果进行分包,如果依赖不变,那么依赖就可以不用下载。

2.实现方法

2.1 将依赖包独立打包

可以使用

export default defineConfig({
	build:{
		rollupOptions:{
			manualChunks(id){
				console.info(id);
				if(id.includes('node_modules')){
					return "vendor";
				}
			}
		}
	}
})

这个代码的作用是,如果是依赖包,则打包到vendor-**.js 文件中。

2.2 指定依赖包打包

export default defineConfig({
	build:{
		rollupOptions:{
			manualChunks(){
				vendor:["lodash","vue"]
			}
		}
	}
})

这个是将 lodash,vue 到到 vendor-**.js 中。

标签:依赖,vendor,分包,vite,id,打包
From: https://www.cnblogs.com/yg_zhang/p/18169690

相关文章

  • SpringBoot 打包所有依赖
    SpringBoot项目打包的时候可以通过插件spring-boot-maven-plugin来repackage项目,使得打的包中包含所有依赖,可以直接运行。例如:<plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId&g......
  • html,js代码编译,加密,代码一键打包软件,HTML转exe程序
    个人软件注意杀毒软件会报毒,,放行便可小尘web打包程序可以将整个web工程项目打包成一个exe程序运行不是打包浏览器内核应用,是代码打包软件,打包后和原来一样放在nginx类软件里运行下载地址https://download.csdn.net/download/rllmqe/88789653链接:https://pan.baidu.com/s/1HTql......
  • 关于UE5打包DLC
    首先打开ProjectLanucher,参考下图:,其次编辑配置两个editProfile,参考下图:第一个用来打包项目,第二个生成DLC,dlc填写的名字和插件一样,Main的配置如下: DLC:  ......
  • 记录springboot项目多module(java/scala)打包代码
    java项目不太熟,之前一直使用的idea中的打包方式:BuildArtifacts...,现在使用maven打包,一直报下面的common等依赖包找不到,花了很多时间,在此记录下解决过程。解决办法是先将依赖包deploy到远程仓库,然后在打包的时候先install,再package,就可以打包成功。但还有一个问题没解决:由于我的......
  • Jenkins打包、发布、部署
    前言复制代码服务器:CentOS7.964位jdk:1.8maven:3.9.1git:gitversion1.8.3.1jenkins:2.346.3复制代码一、安装jdk1、下载jdk的rpm安装包(根据自己的操作系统选择对应版本),上传到服务器,执行yuminstalljdk-8u301-linux-x64.rpm–y命令。2、执行java-version命令验证,......
  • yarn + vue3 + vite 创建项目
      yarncreatevite//通过yarn+vite创建项目填写的创建的项目名称,默认名称vite-project 选择框架,我们点击上下键,回车选择,我们这里选择vue 选择语言,我们点击上下键,回车选择,我们这里选择TypeScript,即ts,然后回车 创建成功,如下 按照提示,执行命令cdvite-pr......
  • uniapp+vue3聊天室|uni-app+vite4+uv-ui跨端仿微信app聊天语音/朋友圈
    原创研发uniapp+vue3+pinia2跨三端仿微信app聊天模板Uniapp-Wechat。uni-vue3-wchat基于uni-app+vue3+pinia2+uni-ui+uv-ui等技术跨端仿制微信App界面聊天项目,支持编译到H5+小程序端+App端。实现编辑框多行消息/emoj混合、长按触摸式仿微信语音面板、图片/视频预览、红包/朋友圈......
  • vite 项目,背景图报错 The request url "xx/xx/xx.xx" is outside of Vite serving all
    版本vite3.2.6vue3.2.37 背景本地启项目,项目中引用了自研组件库(没有安装,通过文件路径直接引用,便于调试项目和组件),两者文件夹是平级的组件库中背景图:background:100%/100%no-repeaturl('../assets/svg/xxx.svg'); 问题本地启动项目之后,背景图未正常展示浏览器控......
  • vue3项目打包的时候报错'openBlock' is not exported by node_modules/...
    用了一个手写签名的,开发环境中一切正常,但是在打包发布的时候,就报错了。'openBlock'isnotexportedbynode_modules/vue-esign/node_modules/vue/dist/vue.runtime.esm.js.... 这个应该是vue版本重复导致的。 解决:在vite.config.ts中加入 dedupe:['vue'],  dedupe是......
  • python 打包成exe可执行文件
    一、pyinstall打包代码编写完成,如何在没有python环境的电脑上运行?编写了一个GUI程序,如何把文件打包好,发给别人直接使用?其实最简单的办法就是把.py源文件,打包成可执行程序员exe文件,别人直接双击exe文件就可以运行了。二、最简单样例1、安装依赖包pipinstallpyinstaller2、编......