功能時間軸

我們在每個 Babel 版本中引入了哪些主要的新功能？此頁面包含每個次要版本的非常簡短摘要，或者您可以在 GitHub 上閱讀完整的變更日誌！此外，使用此時間軸來追蹤其他一些重要的工作，例如 babel-polyfills 專案。

Babel 7.24.0
部落格文章
- 支援 JSON 模組第 3 階段提案
Babel 7.23.0
部落格文章
- 支援裝飾器元資料第 3 階段提案
- 支援來源階段匯入第 3 階段提案
- 支援延遲匯入評估第 2 階段提案
- 支援選擇性鏈接指派提案
- 支援在匯入中改寫 .ts 副檔名
Babel 7.22.0
部落格文章
- 預設啟用第 4 階段 RegExp v 旗標提案
- 支援明確資源管理提案第 3 階段提案，包括非同步版本
  JavaScript
```
{
  await using db = connect(databaseURL);
  let user = await db.getUserById(userId);
  await db.createPost(user.name, "Hi! :)");
} // Automatically close the db
```
- 支援裝飾器提案的更新，該提案已在 2023 年 3 月和 2023 年 5 月的 TC39 會議中達成共識
- 解析支援第 3 階段匯入屬性提案，以前稱為「匯入斷言」
  JavaScript
```
import data from "./data.json" with { type: "json" };
```
Babel 7.21.0
部落格文章
- TypeScript 5.0 支援
- 支援在 2023 年 1 月 TC39 會議中達成共識的 decorators 提案更新
- 支援 inline RegExp modifiers 第 3 階段提案
  JavaScript
```
/(?i-m:a.)/m.exec("a\nAb"); // ["Ab"]
```
Babel 7.20.0
部落格文章
- TypeScript 4.9 支援
- 解析器支援 explicit resource management 第 2 階段提案
  JavaScript
```
{
  using handle = openFile(name, "w+");
  write(handle, "Hi!\n");
  write(handle, ":)\n");
} // Automatically close the file
```
- 解析器支援 import reflection 第 2 階段提案
  JavaScript
```
import module mod from "./mod.js";

// later ...
import(mod);
```
babel-loader 9.0.0
發布
Babel 7.19.0
部落格文章
- 支援 decorators 提案的第 3 階段版本
- 轉換支援 duplicate named capturing groups 第 3 階段提案
  JavaScript
```
/(?<year>\d\d\d\d)-(?<month>\d\d)|(?<month>\d\d)-(?<year>\d\d\d\d)/
```
Babel 7.18.0
部落格文章
- TypeScript 4.7 支援
- 轉換對私有解構第 2 階段提案的支持
  JavaScript
```
class A {
  #x = 2;
  method() {
    const { #x: x } = this;
  }
}
```
- 編譯產生器時不再需要手動包含 regenerator-runtime 輔助程式
Babel 7.17.0
部落格文章
- 支援裝飾器第 2 階段提案的新版本
  JavaScript
```
class A {
  @reactive #x = 2;

  @logger
  method() {
    this.#x++;
  }
}
```
- 支援正規表示式集合符號和字串屬性第 2 階段提案
  JavaScript
```
/[\p{RGI_Emoji}&&[\0-\uFFFF]]/v;
```
- 解析器支援私有解構第 2 階段提案
  JavaScript
```
class A {
  #x = 2;
  method() {
    const { #x: x } = this;
  }
}
```
Babel 7.16.0
部落格文章
- 預設啟用類別靜態區塊第 4 階段提案
  JavaScript
```
class A {
  static {
    initialize(A);
  }
}
```
- TypeScript 4.5 支援
- 在 @babel/eslint-parser 中支援 ESLint 8。

Babel 7.15.0

預設啟用頂層 await 第 4 階段提案的解析
JavaScript
```
import db from "db";
await db.connect();
```

預設啟用私有品牌檢查第 4 階段提案

JavaScript
class A {
  static { initialize(A); } // static block
  #field;
  is(obj) {
    return #field in obj; // private brand check
  }
}

支援「Hack 風格」管道運算子第 2 階段提案
JavaScript
```
const result = "World" |> `Hello, ${%}!` |> alert(%);
```
TypeScript 4.4 支援

Babel 7.14.0
部落格文章
- 預設啟用類別欄位、私有方法和靜態類別功能第 4 階段提案
- 將私有品牌檢查和靜態類別區塊提案新增至 @babel/preset-env 的shippedProposals
  JavaScript
```
class A {
  static { initialize(A); } // static block
  #field;
  is(obj) {
    return #field in obj; // private brand check
  }
}
```
- 支援async do 表達式提案
  JavaScript
```
let valP = async do {
  2 + await computeIt();
};
```
- 支援 @babel/plugin-transform-modules-commonjs 中的importInterop: "node" 選項，以使 Babel 與 Node.js 行為一致
- TypeScript 4.3 支援
Babel 7.13.0
部落格文章
- 頂層targets 選項 (RFC)
- 詳細編譯假設 (文件，RFC)
- 支援記錄和元組提案
  JavaScript
```
let rec = #{ x: 1 };
let tup = #[1, 2, 3];
```
- TypeScript 4.2 支援
Babel 7.12.0
部落格文章
- 類別靜態區塊提案支援
  JavaScript
```
class A {
  static { initialize(A); }
}
```
- 匯入和匯出字串名稱支援
  JavaScript
```
let happy = "wooo!";
export { happy as "😃" };
```
- 解析器支援匯入斷言提案
  JavaScript
```
import json from "./foo.json" assert { type: "json" };
```
- TypeScript 4.1 支援
Babel 7.11.0
部落格文章
- 預設啟用邏輯指定和數字分隔符號第 4 階段提案
- 解析器支援十進制提案
  JavaScript
```
console.assert(0.1m + 0.2m === 0.3m);
```
- TypeScript 4.0 支援
@babel/eslint-parser
部落格文章
Babel 7.10.0
部落格文章
- 預設啟用解析器支援import.meta第 4 階段提案
- 私有欄位的簡潔品牌檢查提案支援
  JavaScript
```
class Car {
  #plate;
  race(other) {
     if (#plate in other) console.log("Racing against another car!");
  }
}
```
babel-polyfills
儲存庫
Babel 7.9.0
部落格文章
- bugfixes 選項在 @babel/preset-env 中，用於解決瀏覽器錯誤，而不是編譯整個功能
- TypeScript 3.8 支援
- 支援 Flow declare 類別欄位
- 支援自動 JSX 執行時間
Babel 7.8.0
部落格文章
- 預設啟用 Optional Chaining 和 Nullish Coalescing 第 4 階段提案
- 支援 .mjs 組態檔
Babel 7.7.0
部落格文章
- 解析器支援頂層 await 提案
  JavaScript
```
import db from "./database.js";

await db.connect();
```
- 在 @babel/parser 中新增早期錯誤的錯誤復原支援
- 支援 .json 和 .cjs 組態檔
- TypeScript 3.7 支援
Babel 7.6.0
部落格文章
- 支援靜態私有存取器，是靜態類別功能提案的一部分
  JavaScript
```
class Dog {
  static get #className() { return "Dog"; }
}
```
Babel 7.5.0
部落格文章
- 支援 F# 管線運算子提案
  JavaScript
```
num |> add(2) |> double
```
- TypeScript namespace 支援
Babel 7.4.0
部落格文章
- 支援注入 core-js@3 polyfill
- 支援部分應用程式提案
  JavaScript
```
strings.map(parseInt(?));
```
- 支援靜態私有方法，這是靜態類別功能提案的一部分
  JavaScript
```
class Dog {
  static #register() { /* ... */ }
}
```
- TypeScript 3.4 支援
Babel 7.3.0
部落格文章
- 支援實例私有存取器，這是私有方法提案的一部分
  JavaScript
```
class Dog {
  get #randomId() { return Math.random(); }
}
```
- 支援智慧管道運算子提案
  JavaScript
```
num |> add(2, #) |> double
```
- 支援正則表示式中的命名擷取群組
  JavaScript
```
str.match({String.raw`/^(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})$/`})
```
- TypeScript 3.2 和 2.9 支援
Babel 7.2.0
部落格文章
- 支援實例私有方法，這是私有方法提案的一部分
  JavaScript
```
class Dog {
  #bark() { console.log("Mew!") }
}
```
Babel 7.1.0
部落格文章
- 支援裝飾器提案，因為它已於 2018 年 9 月指定
  JavaScript
```
class Person {
  @autoIncrement age;
}
```
- 支援靜態私有欄位，是靜態類別功能提案的一部分
  JavaScript
```
class Person {
  static #classId = 3;
}
```
Babel 7
部落格文章
自 2 年的預發行版本以來，已有許多變更。
- 不再支援未維護的 Node 版本：0.10、0.12、4、5
- 切換至範圍套件（babel-core 至 @babel/core）
- 移除年度預設（@babel/preset-es2015）和階段預設（@babel/preset-stage-0）（部落格文章）。
- 在特定情況下，新增「純粹」（/*#__PURE__*/）註解支援。（稍後實作為 @babel/helper-annotate-as-pure
- 新增專案範圍的 babel.config.js 設定檔（文件）和 overrides 設定選項。
- 新增 "useBuiltIns: "usage" 至 @babel/preset-env
- 透過 @babel/preset-typescript 支援 TypeScript
- 支援 JSX 片段 <></>
- 支援大量 TC39 提案：
  - Unicode 屬性正規表示式
  - JSON 超集
  - new.target
  - 類別私有實例欄位（class A { #b = 2 }）
  - 選擇性捕捉繫結 try { throw 0 } catch { do() }
  - BigInt（僅語法）
  - import.meta（僅語法）（import.meta.url）
  - 數字分隔符號（1_000）
  - function.sent
  - 選擇性串連（a?.b）
  - 邏輯賦值運算子（a &&= b; a ||= b）
  - 空值合併運算子 (a ?? b)
  - 管道運算子 (a |> b)
  - 拋出表達式 (() => throw new Error("a"))

Babel 7.24.0​

Babel 7.23.0​

Babel 7.22.0​

Babel 7.21.0​

Babel 7.20.0​

babel-loader 9.0.0​

Babel 7.19.0​

Babel 7.18.0​

Babel 7.17.0​

Babel 7.16.0​

Babel 7.15.0​

Babel 7.14.0​

Babel 7.13.0​

Babel 7.12.0​

Babel 7.11.0​

@babel/eslint-parser​

Babel 7.10.0​

babel-polyfills​

Babel 7.9.0​

Babel 7.8.0​

Babel 7.7.0​

Babel 7.6.0​

Babel 7.5.0​

Babel 7.4.0​

Babel 7.3.0​

Babel 7.2.0​

Babel 7.1.0​

Babel 7​

Babel 7.24.0

Babel 7.23.0

Babel 7.22.0

Babel 7.21.0

Babel 7.20.0

babel-loader 9.0.0

Babel 7.19.0

Babel 7.18.0

Babel 7.17.0

Babel 7.16.0

Babel 7.15.0

Babel 7.14.0

Babel 7.13.0

Babel 7.12.0

Babel 7.11.0

@babel/eslint-parser

Babel 7.10.0

babel-polyfills

Babel 7.9.0

Babel 7.8.0

Babel 7.7.0

Babel 7.6.0

Babel 7.5.0

Babel 7.4.0

Babel 7.3.0

Babel 7.2.0

Babel 7.1.0

Babel 7