gulpfile-dev.js

const gulp = require('gulp');
const server = require('gulp-webserver');
const sass   = require('gulp-sass');
const webpack = require('webpack-stream');
const watch = require('gulp-watch');
const del = require('del');
// 全局的配置
const { dev_config } = require('./config');

// server_config 服务配置
const { server_config, sass_config, webpack_config } = dev_config;

// 开启热更新服务器
gulp.task('server', () => {
    return gulp.src('./dev')
            .pipe(server(server_config))
})

// 输出静态文件
gulp.task('copy:static', () => {
    return gulp.src('./src/static/**/*.*')
            .pipe(gulp.dest('./dev/static'));
})

// 输出html页面
gulp.task('copy:html', () => {
    return gulp.src('./src/**/*.html')
            .pipe(gulp.dest('./dev/'));
})

// 处理scss
gulp.task('compile:scss', () => {
    console.log('handle scss')
    return gulp.src('./src/stylesheets/*.scss')
            .pipe(sass(sass_config).on('error', sass.logError))
            .pipe(gulp.dest('./dev/stylesheets'));
})

// 模块化打包js
gulp.task('compile:js', () => {
    return gulp.src('./src/javascripts/**/*.js')
        .pipe(webpack(webpack_config))
        .pipe(gulp.dest('./dev/javascripts'))
})

// 监听任务

gulp.task('watch', () => {
    gulp.watch('./src/**/*.html', ['copy:html']);
    gulp.watch('./src/javascripts/**/*', ['compile:js']);
    gulp.watch('./src/stylesheets/**/*.scss', ['compile:scss']);
    gulp.watch('./src/static', ['copy:static']);

    watch('src/static', (v) => { // 当src/static中文件变化后执行
        if ( v.event === 'unlink' ) { // 如果文件删除了
            let _path = v.history[0].replace('\src', '\dev'); // 要删除的路径
            del(_path);// 删除dist中的文件
        }else {
            gulp.start(['copy:static'])
        }
    })
})


// 默认任务
gulp.task('default', ['copy:static', 'copy:html', 'compile:scss', 'compile:js', 'server', 'watch'], () => {
    console.log('Everything is done ...')
})