📘

Webpackでdomを取得しようとしたらnullでエラーが出た話

2023/09/28に公開

結論

  • webpackでbundleしたjsファイルは一番最後に読み込む
  • webpackを使わずに普通にjsとhtmlで動かしていた時はなぜか動いていた

状況

index.html
<head>

    <script src="main.js"></script>

</head>

最初はこのようにjsを読み込んでいました。この状態でも、動いていました。

ただ、webpackにすると動かなくなってしまったので、

    <script src="main.js"></script>
</body>

bodyが終わる直前読み込むことで対処できました👍

Discussion