vite 分包打包

1.概述

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

2.实现方法

2.1 将依赖包独立打包

可以使用

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

		}
	}
})

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

2.2 指定依赖包打包

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

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