エスシックス

import yargs from 'yargs';

// Create command line arguments
const args = yargs

    .option('production',{
        boolean:true,
        default:false,
        description:'Select the online environment, not the default development environment -production'
    })

    .option('watch',{
        boolean:true,
        default:false,
        description:'Listen for changes to the file and whether it needs to be automatically compiled'
    })

    .option('verbose',{
        boolean:true,
        default:false,
        description:'log'
    })

    .option('sourcemaps',{
        description:'Force the generation of sourcemaps'
    })

    .option('port',{
        string:true,
        default:8000,
        description:'Set the server access port'
    })

    .argv // set the command to be parsed in character creation

import gulp from 'gulp';
import gulpif from 'gulp-if'; //handle if judgments
import concat from 'gulp-concat'; //handle character creation concatenation
import webpack from 'webpack';
import gulpWebpack from 'webpack-stream';
import named from 'vinyl-named'; //file naming
import livereload from 'gulp-livereload'; //hotload
import plumber from 'gulp-plumber'; //processing file streams
import rename from 'gulp-rename'; //handle file renaming
import uglify from 'gulp-uglify'; //process file compression
import {log,colors} from 'gulp-util';// package output in command line tools
import args from '. /util/args'; // package for parsing command-line arguments that you edit yourself

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

            }
        }))
        .pipe(named())
        // Compilation of js
        .pipe(gulpWebpack({
            module:{
               loaders:[{
                   test:/\.js$/,
                   loader:'babel'
               }]
            }
        },null,(err,stats) => {
            log(`Finished '$(colors.cyan('scripts'))'`,stats.toString({
                chunks:false
            }))
        }))
    // write the compiled file to the specified path
        .pipe(gulp.dest('server/public/js'))
    //backup the file
        .pipe(rename({
            basename:'cp',
            extname:'.min.js'
        }))
    //compile the compressed file
        .pipe(uglify({compress:{properties:false},output:{'quote_keys':true}}))
        .pipe(gulp.dest('server/public/js'))
    //monitor the listener and reload
        .pipe(gulpif(args.watch,livereload()))
})

import gulp from 'gulp';
import gulpif from 'gulp-if';
import livereload from 'gulp-livereload';
import args from '. /util/args';

//processing templates
gulp.task('pages',() => {
    return gulp.src('app/**/*.ejs')
        .pipe(gulp.dest('server'))
        .pipe(gulpif(args.watch,livereload()))
})

import gulp from 'gulp';
import gulpif from 'gulp-if';
import livereload from 'gulp-livereload';
import args from '. /util/args';

//processing templates
gulp.task('css',() => {
    return gulp.src('app/**/*.css')
        .pipe(gulp.dest('server/public'))
        .pipe(gulpif(args.watch,livereload()))
})

import gulp from 'gulp';
import gulpif from 'gulp-if';
import liveserver from 'gulp-live-server'; // package to start the server
import args from '. /util/args';

gulp.task('serve',(cb) => {
       if(!args.watch) return cb();

       var server = liveserver.new(['--harmony','server/bin/www']);
       server.start();

       gulp.watch(['server/public/**/*.js','server/views/**/*.ejs'],function () {
           server.notify.apply(server,[file]);
       })

    // When the route. Changes need to be restarted to listen to the server
        gulp.watch(['server/routes/**/*.js','server/app.js'], function () {
            server.start.bind(server)();
        })
})

import gulp from 'gulp';
import gulpif from 'gulp-if';
import gutil from 'gulp-util'; //gulp function collection common tools
import args from '. /util/args';

gulp.task('browser',(cb) =>{
    if(!args.watch) return cb();
    gulp.watch('app/**/*.js',['scripts']);
    gulp.watch('app/**/*.ejs',['pages']);
    gulp.watch('app/**/*.css',['css']);
});

// When the file is created and needs to be recompiled into the server, the new file will be overwritten, so the specified file should be cleared, so create clean.js

import gulp from 'gulp';
import del from 'del'; //introduce the deleted package
import args from '. /util/args';

gulp.task('clean',() => {
    return del(['server/public','server/views'])
})

import gulp from 'gulp';
import gulpSequence from 'gulp-sequence'; //define the sequential order of packages

gulp.task('build',gulpSequence('clean','css','pages','scripts', ['browser','serve']));

import gulp from 'gulp';

gulp.task('default',['build']);

import requireDir from 'require-dir'; //introduce the package of files

requireDir('. /tasks'); //introduce so files

{
  "presets": ["es2015"]
}

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(require('connet-livereload')());
app.use('/', index);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

class Test{
    constructor(){
        this.a = 'hello world';
    }
}

let test = new Test();

document.body.innerHTML = test.a;