web-dev-qa-db-fra.com

Comment supprimer les fichiers JS compilés des fichiers TypeScript (.ts) précédents?

Je suis Angular 2 quick start tutoriel. Voici ma structure de dossiers -

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

Mes fichiers TypeScript sont dans source/ répertoire. Je le compile en js/ répertoire. J'utilise gulp-TypeScript.

Le problème est lorsque, par exemple, je renomme le fichier boot.ts à bootstrap.ts et compilez à nouveau, correspondant bootstrap.js le fichier est créé mais l'ancien boot.js le fichier reste toujours dans le répertoire js /.

Maintenant, la structure des dossiers ressemble à ce qui suit-

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

Je veux supprimer ce boot.js de façon autonome via la tâche gulp. Comment y parvenir?

javascripttypescriptgulpangular
21
ksharifbd

Installez gulp del.

$ npm install --save-dev gulp del

Créez la tâche.

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

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

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

Vous pouvez trouver plus d'informations sur gulp del ici .

9
toskv

Je suis venu ici pour voir le titre, et ajouter de la gorgée dans le mix n'était pas une solution. Voici donc comment je l'ai résolu.

Préfixez votre script de génération npm avec rm -rf js &&

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

J'espère que quelqu'un trouvera cela utile.

24
Akash Kurian Jose

avec le dernier tsc, vous devriez bien faire le nettoyage avec la commande ci-dessous

tsc --build --clean

Ma version tsc pour votre référence

$ tsc --version
Version 3.5.3
2
BMW