现在前端开发越来越偏向于借助自动化构建工具来优化我们的开发过程,在借助gulp开发时,我们通常会借助gulp来编译我们的程序代码,于此同时也需要在本地创建我们的本地服务器。通常我们可以借助gulp-connect插件:
创建gulp项目:
1)新建一个项目文件夹
2)npm init 初始化项目文件夹
3)新建gulpfile.js、index.html文件
4)安装项目依赖 gulp gulp-connect
cnpm i gulp --save
cnpm i gulp-connect --save
配置gulpfile.js
'use strict'
const gulp = require('gulp')
const connect = require('gulp-connect')
// 开启本地服务器
gulp.task('server',function(){
connect.server({
// 设置根目录
root:'./',
port:8090,
// 启动实时刷新
livereload:true
})
});
// 添加默认任务
gulp.task('default',['server']);
控制台输入 gulp指令,打开浏览器 http://localhost:8090/,一个本地服务器就创建成功了。
本文结。