「Selector2Regexp」は最近リリースした小さなツールです.
CSSセレクタからのJavaScriptの正規表現を生成します.正規表現は、与えられたCSSセレクタと一致するHTML要素を検索するために使用されます.
機能

CSSセレクタを使用して正規表現を生成します.

一般的に使用されるセレクタと組み合わせはサポートされています.

用途

それは非常に簡単です.
JavaScriptやCSSで参照されるHTMLタグを調べるだけです.

$ npm i selector-2-regexp

$ s2r '.button'
# => <\s*([a-zA-Z]+)\s+.*(class=(?=['"])((?=(.*[\s'"]button[\s'"])).*)(?=['"])).*\s*>

クリップで

任意のエディタツールを使用する場合は便利です.

クリップボードに結果を保存します.

$ s2r '.button' | pbcopy

エディタの検索入力(例えば、VSコード)に貼り付けます

動機

私はしばしば私のフロントエンドコードをリファクタし、JavaScriptまたはCSSによって参照されるHTMLタグを調べる必要があります.
私は、正規表現は頻繁にそれを行うには良い方法かもしれないと思いますが、それは私がそれらを使用する方法を覚えて難しいことでした.私はそれを達成する簡単な方法が必要でした.
だからこそ、セレクター2 regexpを作りました.
私はこのツールを助ける願っています.
https://github.com/m-yoshiro/Selector2Regexp