Chrome Extensionの開発時にホットリロードさせる
1061 ワード
おそらくChrome本体としては、開発中のChrome Extensionをホットリロードする機能はなく、コードを変更するたびに手動リロードするか、webpack等をかませる必要があると思いますが、もう少し簡単な方法がありました。
TL;DR
手順
- ホットリロードしてくれるモジュールhot-reload.jsをローカルに保存する。
- manifest.jsonに以下を追加する
"background": { "scripts": ["hot-reload.js"] }
"background": { "scripts": ["hot-reload.js"] }
(既に他のbackground.scriptsがあれば配列に追加する)
これでリロードすれば後はファイルの追加・変更・削除を検知してホットリロードしてくれます。
特徴など
これだけだとちょっと寂しいので特徴などをいくつか
- 軽い!(hot-reload.jsは1.2KB、50行程度のスクリプト)
- 1秒毎にディレクトリ内のファイルのタイムスタンプを見て、変更を検知
- ディベロッパーモードのときだけ動作
Author And Source
この問題について(Chrome Extensionの開発時にホットリロードさせる), 我々は、より多くの情報をここで見つけました https://qiita.com/takeyuichi/items/3638064379f7a314df57著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .