gulp 搭建本地服务,供局域网的使用

本文介绍了如何通过全局安装Gulp以及在项目中安装gulp-connect来快速搭建一个带有实时刷新功能的本地开发服务器。文中详细描述了配置gulpfile.js的过程,并通过简单的示例展示了如何实现文件更改后的自动刷新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 全局安装gulp

2. 工程安装gulp-connect (npm install --save-dev gulp-connect)

3. 启动服务 gulp

 

备注:在启动服务之前,需要在根目录配置gulpfile.js

/*gulp的主文件,用于注册任务*/

 

'use strict';

 

// 此处代码都是由node执行

 

var gulp = require('gulp');

 

 

gulp.task('say', function() {

console.log('hello gulp')

});

 

// 载入gulp模块

var gulp = require('gulp'),

connect = require('gulp-connect');

// 注册一个任务

gulp.task('connect', function() {

console.log('紧咩进入')

connect.server({

host:'0.0.0.0',

port:8080,

open:true

});

});

gulp.task("watch",function(){

gulp.watch("www/**/*.*",function(file){

livereload.changed(file.path);

})

});

 

gulp.task('default', ['connect']);

/************上面的配置犹豫我是初次接触,可能有些配置没怎么用**********/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值