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

Question

我正在关注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任务自动删除这个.怎么做到这一点？

Answer 1

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

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

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

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

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

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

Answer 2

这个解决方案的灵感来自@Akash Kurian Jose's answer。由于他的解决方案取决于您使用的操作系统，我添加了这个适用于任何操作系统的解决方案：

将rimraf添加为开发依赖项：

"devDependencies": {
   "rimraf": "^3.0.1"
}

然后将这 3 个脚本添加到您的 package.json 中：

"rimraf": "./node_modules/rimraf/bin.js",
"clean" : "rimraf js/",
"compile": "npm run clean && tsc -p ./"

当执行npm run compile该js/文件夹将在编译之前进行清洗。

Answer 3

安装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']);

你可以在这里找到更多关于gulp del的信息.

Answer 4

该解决方案是GabrielBB解决方案的改进。

安装 rimraf npm i rimraf -D

添加以下 npm 脚本

"clean": "rimraf js/",
"prebuild": "npm run clean",
"build": "tsc",

这利用了 npms 自动Pre 脚本

Answer 5

使用最新的tsc，您可以使用以下命令进行清理

tsc --build --clean

我的TSC版本供您参考

$ tsc --version
Version 3.5.3

请注意，-clean标志是项目引用的一部分，并且仅与它一起使用。