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