Question

我有一个小的javascript文件（common.js），需要使用gulp browserify与编译的typescript文件捆绑在一起。
我应该在哪里指定gulpfile.js中的common.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: {}
})

如何捆绑js＆amp; ts文件同时使用gulp browserify？

1 个答案: