Caching缓存
我们已经利用webpack生成了可以发布上线的代码(/dist文件夹),一旦dist里的内容被部署到服务器上,客户端或者说浏览器将会访问服务器来获取站点上的资源。资源在服务器和浏览器间的传输过程是非常耗时的,这也是浏览器使用缓存技术的原因。利用缓存可以使得页面加载更快,但是当你需要更新最新的代码时,也会造成问题。
这个教程将讲一些缓存的必需配置,它使得利用webpack编译的文件被缓存,但是,当文件内容改变时,缓存也将改变。
Output Filenames 输出文件名
一个简单的方式是确保浏览器取得了改变后的文件,可以将每次构建生成的hash作为文件名的一部分,最佳实践是使用[chunkhash]作为文件名的一部分。
output: {
filename: '[name].[chunkhash].js',
}
Module Identifiers
将基本不变动的代码库单独生成一个文件,同时,在下次构建时,如果文件没有变,则文件名不变的设置方式。