gulpfile.js

/*jshint node:true*/
var gulp = require('gulp');

var $ = require('gulp-load-plugins')();
var es = require('event-stream');
var lazypipe = require('lazypipe');
var path = require('path');

var base = {base: 'src/'};
var dest = 'extension';

gulp.task('copy', () => gulp.src([
    'src/manifest.json',
    'src/icon_128.png',
    'src/**/*.css', '!src/bower/**'], base)
    .pipe(gulp.dest(dest)));

gulp.task('html', () => gulp.src('src/*.html', base)
    .pipe($.plumber())
    .pipe($.htmlReplace({js: {src: null, tpl: '<script src="%f.js"></script>'}}))
    .pipe($.htmlmin())
    .pipe(gulp.dest(dest)));

var js = lazypipe()
    .pipe($.plumber)
    .pipe($.babel)
    .pipe($.ngAnnotate)
    .pipe($.uglify);

var bower = lazypipe()
    .pipe($.plumber)
    .pipe($.uglify, {compress: false});

gulp.task('js', () => gulp.src('src/*.html')
    .pipe(es.map((file, cb) => {
        es.readArray([file])
            .pipe($.domSrc.duplex({selector:'script', attribute: 'src', cwd: 'src/'}))
            .pipe($.plumber())
            .pipe($.if(/bower/, bower(), js()))
            .pipe($.ngTemplateStrings({cwd: 'src/'}))
            .pipe($.concat(path.basename(file.path, '.html') + '.js'))
            .pipe(gulp.dest(dest))
            .on('end', () => cb());
    })));

gulp.task('zip', ['copy', 'html', 'js'], () => gulp.src(dest + '/**/*')
    .pipe($.zip('extension.zip'))
    .pipe(gulp.dest('./')));

gulp.task('default', ['copy', 'html', 'js', 'zip']);

gulp.task('clean', () => require('del')([dest, 'extension.zip']));