如何使用gulp浏览器同时捆绑两个js & ts文件？

Question

我得到了一个小的javascript文件(common.js)，需要使用与编译的类型记录文件捆绑在一起。

我应该在哪里指定common.js在gulpfile.js中？

目前，我的gulpfile.js如下：

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));
});

Main.ts

import { sayHello } from "./component/greet";
import { showHello } from "./component/greet";

showHello("greeting", "unit test source code");

Answer 1

最简单的解决方案是将common.js文件添加到Browserify的entries选项中：

return browserify({
    basedir: "./",
    debug: true,
    entries: [
        "./some/path/common.js",
        "./src/main.ts"
    ],
    cache: {},
    packageCache: {}
})