gulpfile.js

"use strict";
const gulp = require('gulp');
const del = require('del');
const ts = require('gulp-typescript');
const merge = require('merge2');
const connect = require('gulp-connect');
const tslint = require('tslint');
const gulpTslint = require('gulp-tslint');
const sm = require('gulp-sourcemaps');

const tsproj = ts.createProject('./tsconfig.json');
const exmapProj = ts.createProject('./tsconfig.json', { declaration: false });

gulp.task('compile:src', () => {
    let tsResult = gulp.src(['components/**/*.ts', 'typings/**/*.ts'])
                .pipe(sm.init())
                .pipe(tsproj());

    let css = gulp.src(['components/**/*.css']);

    return merge([
        tsResult.dts.pipe(gulp.dest('./out/')),
        tsResult.js
            .pipe(sm.write('.'))
            .pipe(gulp.dest('./out/')),
        css.pipe(gulp.dest('./out/'))
    ]);
});

gulp.task('compile:examples', (done) => {
    let promises = [];
    promises.push(new Promise((resolve) => {
        gulp.src(['examples/**/*.ts', 'typings/**/*.ts', 'components/typings/**/*.ts'])
            .pipe(exmapProj())
            .pipe(gulp.dest('dist'))
            .on('end', () => {
                resolve();
            });
    }))

    promises.push(new Promise((resolve) => {
        gulp.src(['examples/**/*.html'])
        .pipe(gulp.dest('dist'))
        .on('end', () => {
            resolve();
        });

    }))

    promises.push(new Promise((resolve)=> {
        gulp.src(['examples/**/*.js'])
            .pipe(gulp.dest('dist'))
            .on('end', () => {
                resolve();
            });
    }));

    promises.push(new Promise((resolve)=> {
        gulp.src(['examples/**/*.css'])
            .pipe(gulp.dest('dist'))
            .on('end', () => {
                resolve();
            });
    }));

    Promise.all(promises).then(() => {
        done();
    });
});

gulp.task('compile', gulp.series('compile:src', 'compile:examples'));

gulp.task('lint:src', () => {
    const program = tslint.Linter.createProgram('tsconfig.json');
    return gulp.src(['components/**/*.ts', '!components/typings/**/*'])
            .pipe((gulpTslint({
                program,
                formatter: "verbose",
                rulesDirectory: "node_modules/tslint-microsoft-contrib"
            })))
            .pipe(gulpTslint.report());
});

gulp.task('lint:examples', () => {
    const program = tslint.Linter.createProgram('tsconfig.json');
    return gulp.src(['examples/**/*.ts'])
            .pipe((gulpTslint({
                program,
                formatter: "verbose",
                rulesDirectory: "node_modules/tslint-microsoft-contrib"
            })))
            .pipe(gulpTslint.report());
});

gulp.task('lint', gulp.series('lint:src', 'lint:examples'));

gulp.task('serve', () => {
    connect.server();
});

gulp.task('clean', () => {
    return del(['out', 'dist', 'index.js', 'index.d.ts'])
});

gulp.task('build', gulp.series('clean', 'lint', 'compile'));

gulp.task('publish', gulp.series('clean', 'lint', 'compile:src'));