w-srvr 是一个方便快捷的本地服务器构建工具，它能够极大地提高前端开发的效率，尤其适用于开发静态页面或单页面应用程序 (SPA)。
安装 w-srvr
首先，我们需要先安装 w-srvr。在终端中输入如下命令：
npm install w-srvr --save-dev
注意，这里要使用 --save-dev，因为 w-srvr 只是我们开发时的工具，不会在生产环境中使用，也不会被打包进项目代码中。
使用 w-srvr
在项目根目录下新建一个
w-srvr.config.js文件。在该文件中添加如下代码：
module.exports = { root: './', // 项目根目录 port: 3000, // 端口号 middleware: [], // 中间件 static: './dist' // 静态文件目录，这里假设我们将打包后的文件放到了 dist 目录下 };在终端中输入如下命令：
npx w-srvr
运行上述命令将会以默认配置文件名
w-srvr.config.js为配置文件来启动服务器。如果你使用的是自定义的配置文件名，则需要在命令中指定：
npx w-srvr --config my-config.js
这样，我们就成功地启动了一个本地服务器。
配置
我们可以在 w-srvr.config.js 中配置以下参数:
root
表示项目的根目录。在 w-srvr 插件启动时，会以此为基础查找文件。
port
表示本地服务器启动的端口号。
middleware
表示本地服务器所使用的中间件列表。可使用 connect-compatible 中间件，也可以使用 self-made 的中间件。
示例：
const someMiddleware = require('./some-middleware');
module.exports = {
middleware: [someMiddleware]
};static
表示静态文件所在的目录路径。如果不指定，则默认以 root 作为静态文件根目录。
noCache
缓存是否禁用，一般用于开发环境下。
allowedHosts
指定允许的主机名（hostnames）列表。如果未指定，则默认为允许所有主机名。
open
表示如果没有指定浏览器，则自动打开网站。
示例：
module.exports = {
open: true
};https
表示是否使用 HTTPS 协议。
示例：
module.exports = {
https: true
};自定义中间件
除了使用 connect-compatible 中间件外，我们还可以自己编写中间件：
-- -------------------- ---- -------
-------- --------------------- -
------ -------- ----- ---- ----- -
-- ---- ----- ---- ----
-------
-
-
-------------- - -
----------- --------------
--结论
在本文中，我们详细讲解了 w-srvr 的安装及使用方法，并且使用示例代码来演示了如何进行配置和自定义中间件。希望能够帮助广大前端开发者更加高效及快速地完成开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eaf81e8991b448dc3cc