webpack指南(三)
把 /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