gulp

I'm using these tools together: TypeScript Gulp Gulp-Inject I'm trying to do the following: module My { interface IGulpInjectable extends string { // << Problem here! [gulp_inject: string] : string; } export class Cache { private items: { [key: string] : IGulpInjectable }; constructor() { this.items = { "item1": { gulp_inject: "file1.html" }, "item2": { gulp_inject: "file2.html" } } } getItem(key: string){ return this.items[key].trim(); } } } What gulp-inject does is replace { gulp_inject: "x.html" } with a string containing the file contents. This is why I want to have IGulpInjectable extend

When I use gulp-uglify to minify the Javascript files the order gets messed up. Lets say I have this task working as expected: var gulp = require('gulp'); var rename = require('gulp-rename'); var gp_concat = require('gulp-concat'); gulp.task('js', function() { gulp.src([ './public/bower_components/jquery/dist/jquery.min.js', './public/js/functions.js', ]) .pipe(gp_concat('combined.js')) .pipe(gulp.dest(path.js + '/dist')) }); Adding the uglify line to it changes the order of the jquery and functions files and places functions.js above jquery . var gulp = require('gulp'); var rename = require(

I have gulp file that I use to create the Html and Js for multiple kinds of exams, Ex1, Ex2 etc Here's the task I use to create these for Ex1. It has hardcoded a call to the makeEx1Html task, three other tasks and followed by a function call where I can pass a parameter: gulp.task('make_prod_ex1', function () { runSequence( 'makeEx1Html', 'makeTemplate', 'rename_bundle_css', 'rename_bundle_js', function () { make_prod_index('ex1'); }); }); Here's the task that's hardcoded for Ex1: gulp.task('makeEx1Html', function () { return gulp.src(config.srcEx1Html, { base: process.cwd() }) .pipe(print

When I try to compile the following code using React I get the error below. I don't see the issue in such a simple program and the example code compiles correctly when I clone the git repo. main.js: import React from 'react'; import HelloWorld from './components/helloworld'; //import HelloWorld from './hello-world-es5'; React.render( <HelloWorld phrase="ES6"/>, document.body ); HelloWorld: import React from 'react'; class HelloWorld extends React.Component { render() { return <h1>Hello from {this.props.phrase}!</h1>; } } export default HelloWorld; error: SyntaxError: /Users/**/**/**/**/js/main

I'm using Browserify 11.2 and Browserify Shim 3.8 and am attempting to utilize slick-carousel (included via npm) with a jQuery loaded from a CDN. I realize that this requires the use of Browserify shim, but I am unable to get it to work. Here is the relevant portion of my package.json file. "devDependencies": { ... "browserify": "^11.2.0", "browserify-shim": "^3.8.10", ... "slick-carousel": "^1.5.8", ... }, "browserify": { "transform": [ "browserify-shim" ] }, "browser": { }, "browserify-shim": { "jquery": "global:jQuery", "slick-carousel": { } }, "dependencies": { } When attempting to require