Gulp 设置前端服务器+监控插件

最新推荐文章于 2024-09-09 09:41:51 发布

80菜鸟

最新推荐文章于 2024-09-09 09:41:51 发布

阅读量197

点赞数

分类专栏：前端大全文章标签：前端 gulp connect livereload ViewUI

本文链接：https://blog.csdn.net/peter20082008/article/details/84725555

版权

前端大全专栏收录该内容

5 篇文章

订阅专栏

gulpfile.js 可以这样进行书写


var gulp = require('gulp');
var livereload = require('gulp-livereload');
var gulpLoadPlugins = require("gulp-load-plugins");
var plugins = gulpLoadPlugins();
var connect = require('gulp-connect');
var pkg = require("./package.json");
/*开发路径定义，分开发目录和生产目录*/
var basePath = pkg.project;
var devPath = basePath + "/app/src";
//创建watch任务去检测html文件,其定义了当html改动之后，去调用一个Gulp的Task
gulp.task('watch', function () {
  gulp.watch(['app/**/*.html'], ['html']);
});
//使用connect启动一个Web服务器
gulp.task('connect', function () {
  connect.server({
    root: 'app',
    port:3000,
    host:'127.0.0.1',
    livereload: true
  });
});
gulp.task('html', function () {
  gulp.src('app/**/*.html')
    .pipe(connect.reload());
});
//运行Gulp时，默认的Task
gulp.task('default', ['connect', 'watch']);