使用gulp创建服务器

最新推荐文章于 2022-01-18 23:49:09 发布

麒麟星

最新推荐文章于 2022-01-18 23:49:09 发布

阅读量821

点赞数 1

分类专栏： Gulp 文章标签： gulp 服务器

本文链接：https://blog.csdn.net/FAITHZK/article/details/52884834

版权

Gulp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、安装gulp和gulp-connect

npm install gulp gulp-connect

二、配置gulpfile.js文件

//使用connect启动一个Web服务器

const gulp = require('gulp');

const connect = require('gulp-connect');

	gulp.task('connect',function(){
		connect.server({
			root:'app',//根目录
			port: 8000,//端口号
			livereload:true
		});
	});
	
	gulp.task('html', function () {
		gulp.src('./app/*.html')
		.pipe(connect.reload());
	});
	
	gulp.task('watch', function () {
		gulp.watch(['./app/*.html'], ['html']);
	});
	
	//运行Gulp时，默认的Task
	gulp.task('default',['connect','watch']);

三、远行gulp

可以使用http://localhost:8000/访问，也可以使用ip加端口号访问