@babel/plugin-transform-named-capturing-groups-regex

資訊

此外掛程式包含在 @babel/preset-env 中，在 ES2018 中。注意：此外掛程式會產生需要 ES6 正規表示式功能的程式碼。如果您需要支援較舊的瀏覽器，請使用 runtime: false 選項或匯入適當的 polyfill（例如 core-js）。

範例

在

JavaScript

var re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;

console.log(re.exec("1999-02-29").groups.year);

輸出

JavaScript

var re = _wrapRegExp(/(\d{4})-(\d{2})-(\d{2})/, { year: 1, month: 2, day: 3 });

console.log(re.exec("1999-02-29").groups.year);

安裝

npm

npm install --save-dev @babel/plugin-transform-named-capturing-groups-regex

Yarn

yarn add --dev @babel/plugin-transform-named-capturing-groups-regex

pnpm

pnpm add --save-dev @babel/plugin-transform-named-capturing-groups-regex

用法

使用設定檔（建議）

babel.config.json

{
  "plugins": ["@babel/plugin-transform-named-capturing-groups-regex"]
}

透過 CLI

Shell

babel --plugins @babel/plugin-transform-named-capturing-groups-regex script.js

透過 Node API

JavaScript

require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-transform-named-capturing-groups-regex"],
});

選項

runtime

boolean，預設為 true

當此選項停用時，Babel 就不會使用 _wrapRegExp 輔助函式來包裝 RegExps。輸出只支援內部群組參考，而不支援執行時期屬性

JavaScript

var stringRe = /(?<quote>"|').*?\k<quote>/;

stringRe.test("'foo'"); // "true", works
stringRe.exec("'foo'").groups.quote; // Error

提示

您可以在 這裡 閱讀更多關於配置外掛選項的資訊