简介
在前端开发中，大家都知道使用 webpack 来构建项目，但是有没有想过在本地启动服务器来快速预览你所开发的项目？这个时候就解决了今天要介绍的 npm 包 - spiel-server。
spiel-server 优势：
- 全局安装并启动
- 配置文件简单
- 支持 mock 数据
- 支持热更新
- 支持多平台
安装
我们需要先在本地全局安装该包，使用如下命令：
npm i spiel-server -g
使用
首先，我们需要找到项目所在目录。然后，只需执行如下命令：
spiels
Spiel-server 会默认开启本地 8888 端口，请访问 http://localhost:8888 来查看结果。
配置文件
在项目根目录下添加 spiel.config.js 文件，在文件中返回一个对象。配置如下：
-- -------------------- ---- -------
-------------- - -
-- ------
----- -----
-- -----
------ -
-
-------- ---------
------- ------------------------
--
--
-- --- ---- ---
----- -----
-- --- ---- --
----- ------------
-- -----
----------- ----
-- ---- ------
--------- ----------------
-- -- -----
------ ------
-- -----
-------- -----
--mock 数据
mock 数据可以帮助我们在开发初期就减少开发成本，可以让我们不必等到后端开发成功后才开始调试。而且与其他模拟数据相比，Mock 数据具有完全控制数据和随机性的优点。
在我们的 spiels.config.js 中，我们可以看到有一个 mockPath 属性。我们只需要在该属性中输入所存储 mock 数据文件的路径即可。
注意事项
- 在使用占用了端口的服务后，如果意外退出，则使用同一端口不会启动。需要对其进行停止，再重新启动。
- 任务执行可能需要较长时间，这取决于系统和项目的大小。
- 在使用过程中请不要遗忘退出主程序。
- 如果您的系统不支持自动执行，请手动输入IP地址。
结论
Spiel-server 可以让您在进行前端开发时拥有更快的开发速度。Mock 数据和热更新可以极大的减少开发成本，最大化的提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006707e8ccae46eb111ef1d