vite 分包打包

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 中。