webpackで大量のファイルができている

Question

webpackを使用していると
このようなファイルが大量にできていました。こんなにもできるものなのでしょうか？？
数で言えば1000くらいあったので少し不安になり相談したいと思い今回の投稿に至ります。

Answer 1

webpack.config.js の設定で output の filename にハッシュを含めるようにしていると、ビルドの度に（あるいはファイルの中身によって）異なるハッシュの付いたファイル名でファイルを生成してくれる仕組みがあります。 watch 等で自動的にビルドするようにしていて、ファイルを削除せずに放置しているとそのようになるのではないでしょうか。

公式のドキュメントだとこのあたり ↓ に説明があります。

• Output Filenames | Caching | Webpack

このあたりの部分も自動化したい場合は次のようなプラグインを使っている方が多いものと思います。

• GitHub - johnagan/clean-webpack-plugin: A webpack plugin to remove your build folder(s) before building

バージョンや設定ファイルを載せられていないのであくまでも一般論にはなりますがご参考になれば幸いです。

Comments

[Haru_510]

なるほど！では一応は同じファイルということで前の古いファイルは削除しても問題ないという認識であっているでしょうか？？

[gh640]

はい、私の理解が正しければ削除しても問題ないと思います。

ただし、具体的にどのような設定でどのディレクトリのことを言われているのか私は知りません。加えて、これはあくまでも無償の Q&A サイトでの回答です。

ですので、削除される際は「 gh640 というユーザーが teratail で大丈夫だと言っていたから」だけではなく、ファイルの中身や作成日時を確認されてご自身で十分な裏付けを取られた後に削除するようにしてください :D

[Haru_510]

はい！しっかりと確認し削除させていただきます！！ありがとうございます！