简介
pp-west-gulp-server是一个基于Gulp自动化工具和Express框架的npm包,用于构建和启动本地server服务。pp-west-gulp-server可以方便地建立一个本地的开发服务环境,提高前端开发效率。
安装
使用npm进行安装:
--- ------- ------------------- ----------
使用方法
Gulpfile.js
在项目状态下创建gulpfile.js,并添加如下代码:
--- ---- - ---------------- --- ------ - ------------------------------- ------------------- ---------- - -------- ----- ----- ----------- ----- ----- ----- -- --------- ----- -- ------ ----------- -- ----- ----- ------ -- ---------- - ------ ----- -------------------- -- ------------ -- --- --- -------------------- ------------
启动服务
终端运行:
----
API模式配置
pp-west-gulp-server支持配置路由API模式,举个例子: 假如有一个GET请求地址http://localhost:8080/testAPI,那么该路由的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