TypeScript gulp-inject Examples

Example #1

File: inject-scripts.ts Project: ibzakharov/angular_project_template

export default function pipelineFunction() {

    let transform = (filepath, file, index, length) => {
        var path = Path.normalize('.' + filepath);
        var application = Path.normalize(root.path());
        var tsfile = Path.relative(application, path);
        var jsfile = tsfile.replace(/\\/g, '/').replace('.ts', '.js');
        return `+script("${jsfile}")`;
    };

    var jsOptions = {
        starttag: '//js',
        endtag: '//end-js',
        transform: transform
    };

    var application = root.application;
    var controller = new file(application.path(), '/js/**/*.ts');

    var controllerSource: string[] = [
        controller.toString(),
        new file(application.path(), '/**/*.d.ts').Not()
    ];

    return gulp.src(root.application.jadeScripts().toString())
        .pipe(inject(gulp.src(controllerSource, { read: false }), jsOptions))
        .pipe(gulp.dest(root.path()));
};

Example #2

File: gulpfile.ts Project: ngbinh/angular-typescript

gulp.task('index', () => {
  return gulp.src('./app/index.html')
    .pipe(inject(gulp.src(['**/*.js', '**/*.css', '!bower_components/**/*'], {
      cwd: release ? RELEASE_DIR : BUILD_DIR,
      read: false
    })))
    .pipe(gulp.dest(release ? RELEASE_DIR : BUILD_DIR));
});

Example #3

File: Gulpfile.ts Project: lindsaymacvean/seventag

    () => {

        let vendors = gulp.src(DEST_DIR + '/' + ADMIN_NAMESPACE + '/vendor.js', {read: false});

        let sources = gulp.src([
            DEST_DIR + '/' + ADMIN_NAMESPACE + '/*.js',
            DEST_DIR + '/' + ADMIN_NAMESPACE + '/app/vendor.css',
            DEST_DIR + '/' + ADMIN_NAMESPACE + '/**/*.css',
            '!' + DEST_DIR + '/' + ADMIN_NAMESPACE + '/vendor.js'
        ], {read: false});

        return gulp.src(DEST_DIR + '/' + ADMIN_NAMESPACE + '/index.*')
            .pipe(inject(vendors, {name: 'vendors', relative: true}))
            .pipe(inject(sources, {relative: true, addRootSlash: true}))
            .pipe(gulp.dest(DEST_DIR + '/' + ADMIN_NAMESPACE));

    }

Example #4

File: gulpfile.ts Project: Billbrockbank/sp-o365-rest

gulp.task('gen-ts-refs', () => {
    var target = gulp.src(config.appTypeScriptReferences);
    var sources = gulp.src([config.allTypeScript], {read: false});
    return target.pipe(inject(sources, {
        starttag: '//{',
        endtag: '//}',
        transform: function (filepath) {
            return '/// <reference path="../..' + filepath + '" />';
        }
    })).pipe(gulp.dest(config.typings));
});

Example #5

File: gulpfile.ts Project: Stieve/Hackathon2016

gulp.task('inject', () => {
    var wiredep = require('wiredep').stream;
    var wiredepOptions = {
        bowerJson: require('./bower.json'),
        directory: './public/lib',
        ignorePath: '../../public'
    }
    
    var inject = require('gulp-inject');
    var injectSrc = gulp.src(['./public/css/*.css', './public/js/*.js', './public/js/*/*.js'], {read: false});
    var injectOptions = {
        ignorePath: "/public"
    }
    
    return gulp.src(['src/views/*.html'])
        .pipe(wiredep(wiredepOptions))
        .pipe(inject(injectSrc, injectOptions))
        .pipe(gulp.dest('src/views'));
});