2016-01-02 7 views
9

私はAngular 2 quick startチュートリアルに従っています。以下の私のフォルダ構造である -コンパイル済みのJSファイルを以前のtypescript(.ts)ファイルから削除する方法は?

├── 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を使用しています。私は、例えば、bootstrap.jsファイルが作成されますが、古いboot.jsファイルがまだのjs /ディレクトリに残っている対応し、bootstrap.tsにファイルboot.tsの名前を変更して再度コンパイルするとき

問題

です。私は一気タスクを経由して自律的にこの boot.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 

following-よう

今すぐフォルダ構造が見えます。これを達成する方法は?

+0

https://github.com/gulpjs/gulp/blob/master/docs/recipes/delete-files-folder.md – DCoder

+1

現在の回答は、コンパイルする前に 'js /'ディレクトリを削除するだけです。それはいいですが、 '-w(watch)'オプションを使用するとどうなりますか?その後、先に宛先フォルダを削除する機会はありません。成功したコンパイルのたびにスクリプトを呼び出すことができる 'tsc-watch'が見つかりました。しかし 'js /'のファイルを削除するにはkung-fuのスクリプトが必要です。誰もそれを行う方法を知っていますか? – barney765

答えて

5

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

あなたは一気デルhereの詳細情報を見つけることができます。

4

私はタイトルを見てここに来て、ミックスにガルプを加えることは解決策ではありませんでした。だから私はそれを解決した方法です。 rm -rf js &&

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

プレフィックスあなたのNPMのビルドスクリプトは、誰かが、これが役立つことを願っています。

+0

このソリューションのしくみに関する説明は、本当にあなたの答えに追加されます。ケーキのアイシングのように。 – Choco

+1

@Choco 'rm'はファイルを削除するunixコマンドです' rm -rf js/'は' js/'のすべてのファイルとディレクトリを再帰的に削除します。 '&&'部分は、 'rm'が終了した後に実行する別のコマンドを追加します。 –

+2

あなたがWindowsの開発環境を使用するのに不運な場合は、dev-dependencyとして 'cash-rm'を追加すると' rm'を使うこともできます。同様に、dev依存関係として保存されている場合は、代わりに 'rimraf'(適切に' rm -rf'という名前)を使用することができます。 – samthecodingman

関連する問題