0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

(備忘録)/\.tsx?$/ について TypeScript + Webpack + React

Last updated at Posted at 2018-08-05

#webpackで分からない記述があった。

test: /\.tsx?$/

#結論
ファイルの指定の正規表現。
意味は「.ts か .tsx にマッチするファイル全て」

#各記号の意味

個人的に一文字飛ばして2つの記号が特にわかりづらかったので公式から引用しておきます
###\

特別な意味を持たない文字の前に付けられたバックスラッシュ文字は、次の文字が特別なもので、文字通りには評価されないことを表します。
例えば b は文字列中にある小文字の 'b' にマッチします。しかし b の前にバックスラッシュを置いて \b とすると、これはどんな文字にもマッチしません。これは単語区切り文字を意味する特殊文字になります。 \ バックスラッシュの意味(MDN)

##.

改行文字以外のどの 1 文字にもマッチします。
例えば /.n/ は "nay, an apple is on the tree" の 'an' や 'on' にはマッチしますが、'nay' にはマッチしません。. ドットの意味MDN

「/.tsx?$/」 で言えば、 . が特別な意味を持ってるんで、\ がその意味を打ち消してるんですね〜。そして . はただの文字になりましたとさ。

##//
「それが囲った文字にマッチするもの全て」という意味。

##?
「一つ前の文字が省略可能」という意味

##$
「文の最後」という意味。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?