gulpfile.js

/*
 * @Author: Damom
 * @Date: 2020-08-20 22:56:45
 * @LastEditors: Damom
 * @LastEditTime: 2020-12-05 14:57:08
 * @Description: file content
 */
  
let gulp = require('gulp')
let nodemon = require('gulp-nodemon')
let path = require('path')
let browserSync = require('browser-sync').create()
let ROOT = path.resolve(__dirname)
let server = path.resolve(ROOT, 'src/mock')

// browser-sync配置，配置里启动nodemon任务
gulp.task('browser-sync', ['nodemon'], function () {
    browserSync.init(null, {
        proxy: "http://localhost:8080", //与webpack端口一致
        port: 8181
    })
})

// browser-sync 监听文件
gulp.task('mock', ['browser-sync'], function () {
    gulp.watch(['./src/mock/server/db.js', './src/mock/server/**'], ['bs-delay'])
})

// 延时刷新
gulp.task('bs-delay', function () {
    setTimeout(function () {
        browserSync.reload()
        console.log('restart')
    }, 1000)
})

// 服务器重启
gulp.task('nodemon', function (cb) {
    // 设个变量来防止重复重启
    let started = false
    let stream = nodemon({
        script: './src/mock/server/index.js',
        // 监听文件的后缀
        ext: "js",
        env: {
            'NODE_ENV': 'development'
        },
        // 监听的路径
        watch: [
            server
        ]
    })
    stream.on('start', function () {
        if (!started) {
            cb()
            started = true
        }
    }).on('crash', function () {
        console.error('Application has crashed!\n')
        stream.emit('restart', 10)
    })
})