如何从以前的打字稿(.ts)文件中删除已编译的JS文件？

我正在关注Angular 2快速入门教程.以下是我的文件夹结构 -

??? gulpfile.js
??? index.html
??? js
|   ??? app.component.js
|   ??? boot.js
??? source
|   ??? app.component.ts
|   ??? boot.ts
??? node_modules
    ??? module 1
    ??? module 2

我的打字稿文件在source/目录中.我正在编译它到js/目录.我正在使用gulp-typescript.

问题是,当我举个例子,重命名文件boot.ts到bootstrap.ts和重新编译,相应的bootstrap.js文件被创建,但旧的boot.js文件仍然保留在js /目录.

现在文件夹结构如下所示 -

??? gulpfile.js
??? index.html
??? js
|   ??? app.component.js
|   ??? bootstrap.js
|   ??? boot.js
??? source
|   ??? app.component.ts
|   ??? bootstrap.ts
??? node_modules
    ??? module 1
    ??? module 2

我想boot.js通过gulp任务自动删除这个.怎么做到这一点？

我来到这里看到了标题,并在混合物中添加一大堆不是解决方案.所以这就是我如何解决它.

用你的npm构建脚本作为前缀 rm -rf js &&

"scripts": {
    ...
    "build": "rm -rf js/ && tsc",
    ...
},

希望有人会觉得这很有用.

按照评论中的建议进行编辑

作为一种更通用的解决方案,请使用rm -rf js &&而不是rm -rf js &&. rm -rf js &&是一个npm模块,旨在跨平台(包括Windows)工作.要使其工作,首先将其安装为dev依赖项.

安装gulp del.

$ npm install --save-dev gulp del

创建任务.

var gulp = require('gulp');
var del = require('del');

gulp.task('clean:output', function () {
  return del([
    'js/'
  ]);
});

gulp.task('default', ['clean:output']);

tsc --build --clean

$ tsc --version
Version 3.5.3