前言
在 Web 开发中，静态资源管理也是一个重要的一环。相信大家在项目中都用到过自己托管的静态资源，常常会遇到一些静态资源缓存问题。这时候，使用 statique 这个 NPM 包有很大的帮助。
Statique 是一个轻量级的 NPM 包，可以根据对应的静态资源的 URL，为静态资源添加强缓存或者协商缓存，并且可以选择是否启用 Gzip 压缩。
安装
在终端中，运行以下命令进行安装：
npm install statique --save
如果采用 yarn 安装，请执行以下命令：
yarn add statique
使用
首先，引入 statique 包：
const statique = require('statique');以下是一个简单的应用场景，为 /assets 目录下的所有静态资源添加强缓存：
statique({dir: './assets', maxAge: 31536000}) // 一年 31536000 秒以上是开启了强缓存，如果你希望采用协商缓存，可将 maxAge 改为 0：
statique({dir: './assets', maxAge: 0})默认不启用 Gzip 压缩，但是当你对性能有更高要求时，可以很方便开启 Gzip 压缩：
statique({dir: './assets', maxAge: 0, gzip: true})除此之外，你还可以根据需求进行一些其他的配置，比如指定 Mime 类型，设置 Etag 和 Last-Modified 等，具体可以在官方文档中了解。
总结
Statique 是一个非常实用的静态资源管理包，不仅可以简单高效地管理静态资源，也可以帮助我们解决一些缓存问题。此外，还可以根据不同的需求进行一些其他的配置。
希望本篇文章对您有所帮助，如果有任何问题，欢迎留言交流。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5ef01fdfefcef77a054b75af