首页 > 代码库 > 使用gulp脚本配合TypeScript开发
使用gulp脚本配合TypeScript开发
目标:编写TypeScript时,保存即生成js文件。
使用npm安装以下组件
- gulp
- gulp-rename
- through-gulp
- gulp-typescript
编写gulpfiles.js
var gulp = require("gulp");
var rename = require("gulp-rename");
var through = require("through-gulp");
var ts = require("gulp-typescript");
var gutil = require("gulp-util");
var fs = require("fs");
var path = require("path");
var taskFun = function (cb, filename)
{
gulp.src(filename ? filename : ["**/*.ts", "!**/node_modules/**"])
.pipe(through(function (file, encoding, callback)
{
gutil.log("[ts2js] " + file.path);
this.push(file);
callback();
}))
.pipe(ts())
.pipe(rename(function (path)
{
path.ext = ".js";
}))
.pipe(gulp.dest(filename ? path.dirname(filename) : "."));
};
gulp.task("default", taskFun);
gulp.watch(["**/*.ts", "!**/node_modules/**"], function (e)
{
if (fs.existsSync(e.path))
{
var stat = fs.statSync(e.path);
if (stat.isFile())
taskFun(null, e.path);
}
});
执行脚本时把所有的*.ts文件生成一次,然后检测到有修改时生成对应的js。
只是当前gaze的Bug还比较多,在使用中经常掉链子,而gulp.watch()依赖此库,只能发现挂掉就重新运行下gulp。
使用gulp脚本配合TypeScript开发
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。