美好的一天每个人。Browserify + TypeScript
我尝试用Gulp构建我的Web项目。我希望使用TypeScript,并且我想通过browserify来判断依赖关系。
但我有一些麻烦。
我用下面的代码进行编译:
var path = {
build: {
js: 'build/js/',
},
src: {
ts: './src/ts/*.ts',
},
};
gulp.task("ts:build", function(){
glob(path.src.ts, {}, function(err, files){
var b = browserify({
cache: {},
packageCache: {},
debug: true
});
_.forEach(files, function(file){
b.add(file);
});
b.plugin('tsify', { noImplicitAny: true })
.bundle()
.pipe(source('app.js'))
.pipe(gulp.dest(path.build.js))
});
});
});
我不明白如何,我必须声明依赖。例如,我有两个* .ts文件:main.ts和someclass.ts。在某些类中,我写了一些类:
class SomeClass {
// bla-bla-bla
}
export = SomeClass;
我想在main.ts中使用这个类。我尝试这与browserify:
var settingsPanel = require("./someclass");
一饮而尽建立正确的工作,但在浏览器控制台我看
node_modules\browserify\node_modules\browser-pack_prelude.js:1Uncaught Error: Cannot find module './someclass';
我将是非常有益的关于此的任何意见。尤其是对于使用gulp + browserify + typescript的代码示例的链接。
你可以在这里找到如何使用TS的browserify:http://stackoverflow.com/documentation/typescript/2860/integrating-with-build-tools/9681/browserify# t = 201607282326475336754 – 2016-07-28 23:30:01