webpack 的chunkhash,contenthash 以及 hash 的区别
chunkhash:
根据不同的入口文件(entry.js)来进行依赖文件解析,构建对应的chunk ,生成对应的hash值。
性能优化:在生产环境过程中,将第三方库以及公共文件和入口文件分开打包,使用chunkhash的方式生成hash值时,只要不改变公共库的代码,
在打包构建的过程中,就不会重复打包,可以提升构建速度,充分利用缓存。
contenthash:
上述可以将项目的公共依赖,以及入口文件所包含的依赖分开打包。分别生成不同的chunkhash值。
chunkhash缺点: 当入口文件所包含的依赖关系中,只要有其中某一个文件发生变动,其他文件没有发生变动,在打包构建的过程中,每次生成的chunkhash值是不一样的。
会造成重复构建 浪费性能和构建速度。
使用contenthash时,会精确到某一个具体的文件,当文件的内容没有发生改变时,则不会重新构建,会充分利用缓存。同时也能够提升打包构建的速度和效果。
hash:
hash是跟整个项目的构建相关,只要项目里有文件更改,整个项目构建的hash值都会更改,并且全部文件都共用相同的hash值。
在生产打包的构建环境中不建议使用。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!