How to bundle both js & ts files at the same time using gulp browserify?
<p>I got a small javascript file (common.js) that needs to be bundled with the compiled typescript files using gulp browserify.<br>
Where shall I specify the common.js in gulpfile.js?</p>

<p>Currently my gulpfile.js is as below:</p>

<pre><code>var gulp        = require("gulp");
var browserify  = require("browserify");
var source      = require('vinyl-source-stream');
var tsify       = require("tsify");
gulp.task("ut", function () {
    return browserify({
        basedir: "./",
        debug: true,
        entries: "./src/main.ts",
        cache: {},
        packageCache: {}
    })
    .external("jquery")
    .plugin(tsify)
    .bundle()
    .pipe(source("./dist/bundle.js"))
    .pipe(gulp.dest(env.gulp.browserify.outdir));
});
</code></pre>

<p><strong>Main.ts</strong></p>

<pre><code>import { sayHello } from "./component/greet";
import { showHello } from "./component/greet";

showHello("greeting", "unit test source code");
</code></pre>