简介
pp-west-gulp-server是一个基于Gulp自动化工具和Express框架的npm包，用于构建和启动本地server服务。pp-west-gulp-server可以方便地建立一个本地的开发服务环境，提高前端开发效率。
安装
使用npm进行安装：
npm install pp-west-gulp-server --save-dev
使用方法
Gulpfile.js
在项目状态下创建gulpfile.js，并添加如下代码:
-- -------------------- ---- -------
--- ---- - ----------------
--- ------ - -------------------------------
------------------- ---------- -
--------
----- -----
----------- -----
----- -----
-- ---------
----- --
------ ----------- -- -----
----- ------ -- ---------- - ------
----- -------------------- -- ------------
--
---
---
-------------------- ------------启动服务
终端运行：
gulp
API模式配置
pp-west-gulp-server支持配置路由API模式，举个例子： 假如有一个GET请求地址http://localhost:8080/testAPI，那么该路由的API配置将如下：
{
route: '/testAPI', // API地址
type: 'GET', // 请求类型：'GET' / 'POST'
path: './api/testAPI.json' // API返回数据的文件路径
}路由模式的配置如下：
-- -------------------- ---- -------
--- ---- - ----------------
--- ------ - -------------------------------
------------------- ---------- -
--------
----- -----
----------- -----
----- -----
-- -----
----- --
------ -----------
----- ------
----- --------------------
--
---
---
-------------------- ------------在上述代码中，建议将API返回数据的文件存放在‘/api’目录下，以便于管理。
构建详解
- root：根目录，即开发者项目目录；
- livereload：自动刷新页面，需要安装livereload chrome扩展程序(https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei)
- port：端口号；
- API配置：添加路由模式的API配置；
总结
pp-west-gulp-server是一个在前端开发过程中常用的npm包，可以大大提升本地开发服务环境的搭建速度，具有深度和学习以及指导意义。启动服务后我们可以自由开发本地项目而无需关注服务，大大减少了开发者的工作量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065b44c6eb7e50355dbe66