随着前端开发日益复杂，我们需要在本地启动一个 HTTP 服务器来快速预览我们的网站或应用。static-server 是一个简单易用的 npm 包，可以帮助我们在本地运行静态文件服务器。
安装
安装 static-server 可以使用 npm 命令：
npm install -g static-server
其中 -g 标志表示全局安装，这样我们就可以在命令行中直接使用 static-server 命令了。
使用
在终端中进入你想要运行服务器的目录，并输入 static-server 命令来启动服务器。默认情况下，static-server 将会监听 localhost:9080 地址，并将当前目录作为根目录。
如果想要自定义端口和根目录，可以使用以下命令：
static-server -p 9000 -r /path/to/root/directory
现在访问 http://localhost:9000，你应该可以看到你的项目已经在本地运行了。
高级选项
缓存控制
静态文件通常具有长期缓存的优势，可以提高性能。但是，如果文件更改，我们希望客户端可以立即获得最新版本。static-server 允许我们通过指定缓存的时间来控制缓存。例如，以下命令将文件缓存 60 秒：
static-server -c 60
路由配置
有时我们需要在本地模拟一个 API 接口。static-server 允许我们使用路由配置来模拟一个简单的 API。我们可以通过创建一个 .json 文件来定义路由规则，然后在启动服务器时指定该文件的路径。
例如，我们有一个 api.json 文件，其中包含以下内容：
{
"/api/users": "users.json",
"/api/posts": "posts.json"
}我们可以通过以下命令来启动服务器并使用该路由配置：
static-server -r . -f api.json
现在访问 http://localhost:9080/api/users 将会返回 users.json 文件的内容。
结论
static-server 是一个非常方便的 npm 包，用于在本地运行静态文件服务器。它提供了许多高级选项，可帮助我们更好地控制服务器行为。结合示例代码和深入学习，我们可以轻松地使用它来加速我们的前端开发过程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/52726