rasukarusan https://blog.hatena.ne.jp/rasukarusan/ ハイパーマッスルエンジニア https://www.rasukarusan.com/ Javascript Chrome拡張 死ぬほど参考にさせていただいたサイト 基本的には下記のサイトを参考に進めればいけます。(最高の記事ありがとうございます、大感謝祭) code-log.hatenablog.com 本記事では上記で紹介されていたホットリロードがエラーで動かなかったため、別の方法でホットリロードできたので紹介したい。 環境 typescript 4.3.2 webpack 5.38.1 node 15.13.0 yarn 1.22.10 最終形 先に最終形を載せておく。 github.com content_scriptsのみ対応としたため、かなりミニマムになっている。 ディレクトリ構造 . ├── dist │… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.rasukarusan.com%2Fentry%2F2021%2F05%2F30%2F161043" title="React, TypescriptでChrome Extensionを開発する(ホットリロード対応) - ハイパーマッスルエンジニア" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/r/rasukarusan/20210530/20210530162229.png Hatena Blog https://hatena.blog 2021-05-30 16:10:43 rich https://www.rasukarusan.com/entry/2021/05/30/161043 1.0 100%