在 NodeJs 沒(méi)有出現(xiàn)以前吨悍，前端開(kāi)發(fā)中要使用如 apache nginx iis web服務(wù)器叼屠，但這些大都需要安裝一些非前端人員使用的工具拓挥，
前端人員這些 web服務(wù)器不熟悉聪姿，導(dǎo)致在開(kāi)發(fā)效率的降低撑瞧。
本文主要介紹棵譬，使用 gulp 和 gulp-connect 構(gòu)建一個(gè)簡(jiǎn)單 web server
首先使用 npn init 命令 生成一個(gè) package.json
npm init
然后使用 npm install 命令 安裝 gulp 和 gulp-connect
npm install --save-dev gulp gulp-connect
新建一個(gè)gulpfile.js文件
var gulp = require('gulp');
var connect = require('gulp-connect');
gulp.task('webserver', function () {
connect.server({
host: 'localhost', // default localhost
port: 8080, // default 9090
livereload: true, // default false
https: false
});
});
gulp.task('default', ['webserver']);
新建一個(gè) index.html 文件
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">
<title>SIMPLE GULP WEB SERVER</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<h1>SIMPLE GULP WEB SERVER</h1>
</body>
</html>
啟動(dòng)服務(wù)，在控制臺(tái)輸入 gulp 即可
gulp
運(yùn)行結(jié)果
瀏覽器輸入即可運(yùn)行
localhost:8080
瀏覽器顯示結(jié)果
瀏覽器顯示
瀏覽器顯示
參考鏈接
gulp-connect
