什么是 @nicolasparada/static-middleware
@nicolasparada/static-middleware 是一款基于 Express 框架的静态资源中间件，可用于将静态资源（如 HTML、CSS、JS、图片、字体等）托管到 Express 应用程序中，从而使它们能够被浏览器访问。
如何安装和使用
安装
通过 npm 安装该包：
npm install @nicolasparada/static-middleware
使用
在 Express 应用程序中使用该中间件：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------------- - -------------------------------------------- ----- --- - ---------- -------------------------- ----- ---------- ----- ---------------------------- ---- ---------------- -- -- - ---------------- --------- -- ---- -------- ---
可以看到，使用该中间件需要提供两个参数：
path: 静态资源对应的路由路径；root: 静态资源所在的文件夹路径。
通过上面的示例代码，我们将 /public 路径映射到了 path/to/your/static/folder 文件夹。
更多配置
你可以根据实际需求设置更多的配置项：
etag: 是否启用 ETag 缓存，默认为true；maxAge: 静态资源的缓存时间（单位为毫秒），默认为0；immutable: 是否启用不可变缓存，可以根据文件类型启用，详情请参考MDN；lastModified: 是否启用最后修改时间缓存，默认为true；setHeaders: 自定义响应头；
可以将这些配置项传递给该中间件，进行更加灵活的使用。
-- -------------------- ---- -------
----- ------- - -------------------
----- ---------------- - --------------------------------------------
----- --- - ----------
----------------------------------- ----------------------------- -
----- ------
------- ---------
---------- -----
------------- ------
----------- ----- ----- -- -
------------------------ -------- -------------------
-
----
---------------- -- -- -
---------------- --------- -- ---- --------
---注意事项
当你启用了 ETag 缓存时，请确保你的服务器上的文件系统是区分大小写的。如果不是，则可能会导致缓存命中率不高。
总结
通过 @nicolasparada/static-middleware 包，我们可以很容易地将静态资源文件托管到 Express 应用程序中，实现静态资源的浏览器访问。该中间件提供了很多的配置项，可以用于自定义缓存时间和响应头。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590e81e8991b448d67c1