glup使用第一节 script.js

import gulp from 'gulp';  // 项目 是基于 gulp 进行构建
import gulpif from 'gulp-if';
import concat from 'gulp-concat'; // gulp 中处理文件的 拼接
import webpack, { Stats } from 'webpack';
import gulpwebpack from 'webpack-stream';
import name from 'vinyl-named';
import livereload from 'gulp-livereload'; // 文件刷新的包
import plumber from 'gulp-plumber';
import rename from 'gulp-rename'; // 文件重命名
import uglify from 'gulp-uglify'; // 压缩 js css 的包
import {log,colors} from 'gulp-util'; // 日志  颜色的 包
import args from './util/args'; // 自定义解析包

gulp.task('scripts',()=>{
    return gulp.src(['app/js/index.js'])
    .pipe(plumber({
        errorHandle: function(){

        }
    }))
    .pipe(name())
    .pipe(gulpwebpack({
        module:{
            loaders:[{
                test: /\.js$/,
                loader: 'babel-loader'
            }]
        }
    }),null,(err,stats)=>{
        log(`Finished '${colors.cyan('scripts')}'`,stats.toString({
            chunks: false
        }))
    })
    .pipe(gulp.dest('server/public/js')) // 打开编译  指定路径
    .pipe(rename({  // 处理压缩功能  
        basename: 'cp',
        extname: '.min.js'
    }))
    .pipe(uglify({compress:{properties:false},output:{'quote_keys':true}}))
    .pipe(gulp.dest('server/public/js'))
    .pipe(gulpif(args.watch,livereload())) // 文件热刷新
})