如何從以前的 typescript(.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

我想通過 gulp 任務自動刪除這個boot.js 如何做到這一點？

Answer 1

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 2

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 3

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 4

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 5

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 6

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 7

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 8

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 9

我正在關注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任務自動刪除這個boot.js 如何實現這一目標？

Answer 10

Windows 用戶可以添加以下預構建腳本——一個批處理 cmd 腳本——它將在構建命令之前自動運行，正如@Llewellyn Collins所說：

{
  // ...
  "scripts": {
    // ...
    "prebuild": "if exist <outDir name> (rmdir /Q /S <outDir name>)", // replace with the actual outDir name declared in your tsconfig.json
    "build": "tsc",
    // ...
  },
  // ...
}

如果省略if exist命令，則會拋出錯誤。

即使您的主終端應用程序是 PowerShell，它也應該正確運行。

Answer 11

簡單地移動到您的 src 文件並使用此模式運行刪除文件

 cd src rm -rf */**/*.js