使用gulp搭建web服务器
来源:互联网 发布:高通滤波器算法 编辑:程序博客网 时间:2024/05/29 05:53
gulp是一个node.js模块,也是前端自动化任务构建工具。
使用gulp,可以做以下工作:文件拷贝、文件合并、文本替换、图片压缩、CSS压缩、js压缩等等,当然这些工作主要是依靠gulp的相应插件来完成的。
本系列将介绍如何使用gulp来搭建一个Web服务器,并在这个服务器上完成上述一些工作。
(1)初始化安装
创建一个项目目录:gulp
在这个目录下执行
npm install --save-dev gulp gulp-connect
完成后会把相应的npm模块(gulp、gulp-connect)安装在项目目录下。
(2)创建gulpfile.js配置文件
/** * @file file description here * @author winstar1688 */var gulp = require('gulp');var connect = require('gulp-connect');gulp.task('webserver', function () { connect.server();});gulp.task('default', ['webserver']);
(3)创建一个默认首页index.html
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Demo</title></head><body> <h1>Hello Gulp!</h1></body></html>
(4)启动Gulp Web服务器
在命令行中进入项目目录gulp,然后执行gulp命令,如图:
这样Web服务器变启动了……
(5)在浏览器中验证
在浏览器地址栏中输入http://localhost:8080/,运行结果如图:
这样一个简单的Web服务器便完成了。
0 0
- 使用gulp搭建web服务器
- 使用Gulp搭建本地开发web服务器及自动刷新
- 使用 Gulp 配置 Web 开发服务器
- 教你使用gulp搭建一个react本地服务器环境
- 使用gulp创建服务器
- gulp快速搭建web项目
- 使用Nginx搭建WEB服务器
- 使用web.py 搭建服务器
- 使用nat123搭建web服务器
- 使用Express搭建Web服务器
- 使用树莓派搭建WEB服务器
- 使用gulp创建本地服务器
- [译]用 Gulp 作为 Web 开发服务器
- 使用Ubuntu搭建Web服务器(PHP)
- 使用hunchentoot搭建Lisp web 服务器。
- 使用Golang 搭建http web服务器
- 轻松使用Nginx搭建web服务器
- 轻松使用Nginx搭建web服务器
- Thinking‘ in java 个人笔记 第一章(持续更新ing)
- 稀疏表达:向量、矩阵与张量(上)
- JavaScript--JavaScript 用法
- Win8卸载2345看图王
- owasp testing guide 2014 中文
- 使用gulp搭建web服务器
- Tachyon源码结构分析(一)
- Memcache做tomcat集群ssion复制
- 敏捷开发之Scrum扫盲篇
- Cassandra设置用户账号和创建用户
- .net邮件发送问题
- C++析构函数
- 在GT2440开发板上运行一个简单的c程序
- Windows下Eclipse的Tomcat插件安装