web-dev-qa-db-ja.com

コンパイル済みのJSファイルを以前のTypeScript（.ts）ファイルから削除する方法は？

Angular 2クイックスタート チュートリアルに従っています。以下は私のフォルダ構造です-

├── gulpfile.js
├── index.html
├── js
|   ├── app.component.js
|   └── boot.js
├── source
|   ├── app.component.ts
|   └── boot.ts
├── node_modules
    ├── module 1
    └── module 2

TypeScriptファイルは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

Gulpタスクを介してこのboot.jsを自動的に削除したいです。これを達成する方法は？

javascripttypescriptgulpangular
21
ksharifbd

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 here の詳細情報を見つけることができます。

9
toskv

私はここでタイトルを見に来ましたが、ミックスに一息つけるのは解決策ではありませんでした。だからここに私がそれを解決した方法があります。

Npmビルドスクリプトの前にrm -rf js &&を付けます

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

誰かがこれが役に立つことを願っています。

24
Akash Kurian Jose

最新のTSCでは、以下のコマンドでクリーンを実行しても問題ありません

tsc --build --clean

参考のための私のTSCバージョン

$ tsc --version
Version 3.5.3
2
BMW