主要介绍了浅谈Webpack 持久化缓存实践,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

前言 最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白： 什么是持久化缓存，为什么做持久化缓存? webpack 如何做持久化缓存？ webpack 做缓存的一些注意点。 持久化缓存 首先我们需要去解释一下，什么是持久化缓存，在现在前后端分离的应用大行其道的背景下，前端 html，css，js 往往是以一种静态资源文件的形式存在于服务器，通过接口来获取数据来展示动态内容。这就涉及到公司如何去部署前端代码

webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。而Webpack上一个大版本更新已经是18年的时候了，两年时间过去了让我们看看Webpack5都带来了哪些新特性，对我们的应用又有哪些帮助。 概览 下面这张图是 Webpack 官方 Changelog 里面截图出来的，可以看到​主要有这些方面的提高： 通过持久化缓存提高性能 采用更好的持久化缓存算法和默认行为 通过优化 Tree Shaking 和代码生成来减小Bundle体积 提高 Web