webpack学习-缓存(https://webpack.js.org/guides/caching/)

Caching缓存

我们已经利用webpack生成了可以发布上线的代码（/dist文件夹），一旦dist里的内容被部署到服务器上，客户端或者说浏览器将会访问服务器来获取站点上的资源。资源在服务器和浏览器间的传输过程是非常耗时的，这也是浏览器使用缓存技术的原因。利用缓存可以使得页面加载更快，但是当你需要更新最新的代码时，也会造成问题。

这个教程将讲一些缓存的必需配置，它使得利用webpack编译的文件被缓存，但是，当文件内容改变时，缓存也将改变。

Output Filenames 输出文件名

一个简单的方式是确保浏览器取得了改变后的文件，可以将每次构建生成的hash作为文件名的一部分，最佳实践是使用[chunkhash]作为文件名的一部分。

output: {

    filename: '[name].[chunkhash].js',

}

Module Identifiers

将基本不变动的代码库单独生成一个文件，同时，在下次构建时，如果文件没有变，则文件名不变的设置方式。