当前位置:首页 > Web开发 > 正文

webpack指南(三)

2024-03-31 Web开发

把 /dist 目录中的内容部署随处事器上,客户端(凡是是浏览器)就能够访谒网站此处事器的网站及其资源。而通过网络获取资源是对照耗时的,,这就是为什么浏览器要使用缓存这种技术。可以通过命中缓存,以降低网络流量,使网站加载速度更快。然而,如果我们在部署新版本时不变动资源的文件名,浏览器可能会认为它没有被更新,就会使用它的缓存版本。

这里通过output.filename的改削,实此刻文件内容变革后,能够请求到新的文件。

output: { filename: ‘[name].[chunkhash].js‘, path: path.resolve(__dirname, ‘dist‘) },

虽然内容并未产生转变,但由于入口chunk包罗了webpack的manifest,导致chunkhash产生了调动,因此需要将manifest疏散出去。

webpack.prod.js添加

optimization:{ splitChunks: { chunks: "all" } }

技术图片

技术图片

在文件内容不产生转变时,filename不乱。

当转变index.js文件中的内容后,

技术图片

名为app的chunk的chunkhash产生了转变,而print对应的chunkhash不乱。

webpack指南(三)

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30623.html