Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

wrong babel cache using filepath as entry point

オープン
#47 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
30/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
javascript
領域
build-system

調査の方向性

babel-loader の src/index.js にある関連する cachedIdentifier ロジックから始め、babel-plugin-transform-define が設定ファイルのパスをどのように受け取るか、または解決するかを確認します。参照先のファイルを変更して古いキャッシュのケースを再現し、そのファイルの内容が変わったときに node_modules/.cache/babel-loader を手動で削除せずキャッシュが無効化されることを完了条件とします。

索引モデルが issue の本文から書いたものです。

説明

unverified

Hey folks, thanks for creating this library, I found it very useful.

I'm opening this issue because I found an edge case related to how babel-loader cache works.

babel-loader uses a prop called cachedIdentifier. This property determinate if it is necessary or not re-run babel-loader process.

https://github.com/babel/babel-loader/blob/b29516266912fbc50120155fee00efb1b0a19f59/src/index.js#L61

The point here is that it reads the content of the .babelrc. All is okay.

The edge case is related with this:

{
  "plugins": [
    ["transform-define", "./path/to/config/file.js"]
  ]
}

If you use babel-plugin-transform-define specifying a file path, and then you modify the content of the file, in the next babel-loader it will be determinate that a new run is not necessary, so it will be served the last result from the cache that it's different from your expected result!

Literally, I was thinking I was crazy until discovering this.

The fix could be easiest as determinate the new way to calculate cachedIdentifier. The problem is, because in my case I'm under Next.js, that's is not something easy to do because Next.js internal doesn't contemplate this modification.

Ideally, we should do that transparently adding a bit of code inside babel-plugin-transform-define to detect the edge case, but not sure if we can do that, need to investigate around babel-loader API inside a plugin.

My current workaround is remove the cache before init the process:

rm -rf node_modules/.cache/babel-loader && npm run dev

but obviously, this is a very bad solution and slow.

any idea? 🙂

主要言語
JavaScript
スター
242
フォーク
29
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

FormidableLabs/babel-plugin-transform-define のほかの issue

FormidableLabs/babel-plugin-transform-define の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。