問題描述

我正在關(guān)注 Angular 2 快速入門 教程.以下是我的文件夾結(jié)構(gòu) -

I am following Angular 2 quick start tutorial. Following is my folder structure -

├── 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.

My typescript files are in source/ directory. I'm compiling it to js/ directory. I'm using gulp-typescript.

問題是當(dāng)我例如將文件 boot.ts 重命名為 bootstrap.ts 并再次編譯時，對應(yīng)的 bootstrap.js 文件已創(chuàng)建，但舊的 boot.js 文件仍保留在 js/目錄中.

The problem is when I, for example, rename the file boot.ts to bootstrap.ts and compile again, corresponding bootstrap.js file is created but the old boot.js file still remains in the js/ directory.

現(xiàn)在文件夾結(jié)構(gòu)如下-

├── 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 任務(wù)自動刪除這個 boot.js.如何做到這一點(diǎn)?

I want to delete this boot.js autonomically via gulp task. How to achieve this?

推薦答案

我來這里是看到標(biāo)題，并且將 gulp 添加到組合中并不是解決方案.所以這就是我解決它的方法.

I came here seeing the title, and adding gulp into the mix was not a solution. So here is how I solved it.

在你的 npm 構(gòu)建腳本前加上 rm -rf ./js/&&

Prefix your npm build script with rm -rf ./js/ &&

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

rm -rf ./js/ forcefully 刪除 r./js/下面的所有文件和目錄 doku rm in bash

rm -rf ./js/ forcefully removes recursively all files and dirs below ./js/ doku rm in bash

&& 表示如果成功執(zhí)行下一個命令 &&在 bash 中

&& says if successfully do the next command && in bash

這篇關(guān)于如何從以前的 typescript(.ts) 文件中刪除已編譯的 JS 文件?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！