javascript Gulp编译Typescript

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript Gulp编译Typescript相关的知识,希望对你有一定的参考价值。

var gulp = require('gulp');
var browserify = require("browserify");
var source = require('vinyl-source-stream');
var tsify = require("tsify");
var uglify = require('gulp-uglify');
var sourcemaps = require('gulp-sourcemaps')
var buffer = require('vinyl-buffer');

gulp.task('ts',[],function(){
	return browserify({
		basedir: '.',
		debug: true,
		entries: ['./app.ts'],
		cache: {},
		packageCache: {},
	})
	.plugin(tsify)
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(buffer())
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(uglify())
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest("dist"));
});

以上是关于javascript Gulp编译Typescript的主要内容,如果未能解决你的问题,请参考以下文章

JS那些事儿——Gulp的入门使用

前端构建工具gulp入门教程

如何选择JavaScript构建工具之BabelBrowserifyWebpackGrunt以及Gulp

gulp初探

使用babel编译es6

TypeScript基础教程