在前端开发中，静态文件是不可避免的一部分。为了更有效地管理这些文件，npm 包 sand-static 提供了一种简单的解决方案。本教程将介绍 sand-static 的安装、配置及使用。
安装
使用 npm 命令可以很容易地安装 sand-static:
npm install sand-static
配置
在使用 sand-static 前，需要配置其参数以适应项目的需求。下面是部分可配置的参数及默认值：
{
root: null, // 静态文件根目录
index: 'index.html', // 默认主页
etag: true, // 是否启用 ETag 缓存
lastModified: true, // 是否启用 Last-Modified 缓存
maxAge: 0, // 缓存时间（以毫秒计算）
setHeaders: null // 自定义 header
}下面是一个简单的配置示例，在静态文件目录为 public 的情况下，且主目录指向 index.html，可以在代码中这样配置：
-- -------------------- ---- ------- ----- ------ - ----------------------- ----- ------ - ------------------------------- -------------------- ----- ---- -- - ---------------- - ------ ------------ ------- ----- --- ------------------- -- -- - ---------------------- -- ------- ---
使用
当 sand-static 被正确配置后，就可以像下面这样使用它了：
const static = require('sand-static');
static('public', { index: 'index.html' });Sand-static 的返回值是一个函数，可以将其作为 request 事件的中间件使用。在 Express 中，它可以这样使用：
const express = require('express');
const static = require('sand-static');
const app = express();
app.use(static('public', { index: 'index.html' }));此时，访问网站，就可以看到页面已经被正确地返回了。
指导意义
Sand-static 是一个轻量级的静态文件服务器，它可以用于构建中小规模的应用程序，尤其是那些只需要处理一些静态文件的情况。除了实现功能外，使用 sand-static 的一个好处是能够帮助自己更好地理解如何在 Node.js 中编写可重用的模块。 用户可以通过配置 sand-static 的参数来自定义其具体的行为，并支持自定义header，这也符合了良好的组件设计原则。
示例代码
本文中已经包含了示例代码，但为了更加方便，这里补充一下 Node.js http 模块的完整示例代码：
-- -------------------- ---- ------- ----- ------ - ----------------------- ----- ------ - ------------------------------- -------------------- ----- ---- -- - ---------------- - ------ ------------ ------- ----- --- ------------------- -- -- - ---------------------- -- ------- ---
但值得注意的是，上述代码仅作为演示美观度不为最佳需求的设计。在实际开发中，使用 Express 等现有框架，甚至将服务器部署到云端等做法，都是值得推荐的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/72342