Chrome

Question

Chrome Developer Tools）の[ソース]パネルからJSをライブ編集できることを知っています。CSSをライブで再読み込みするシステムがあることは知っていますが、ソースからJSをライブで再読み込みできます場所（URLまたはローカルディスクのいずれか、またはワークスペースを何らかの方法で活用している、またはChrome開発者ツールプラグイン）としても使用できる）？特に、これはCoffeeScriptからJSへのセットアップに非常に役立ちます。

Answer 1

それがどれほど強力であるかを考えると、これを行おうとしている人を見つけるのは驚くほど難しい。

closeして、ページを更新せずにJSの自動ライブ再読み込みを実現しました。これが私がすることです：

1. インスペクターのsourcesタブで右クリックして、「ワークスペースにフォルダーを追加...」を選択します
2. 同期する.jsが含まれているローカルフォルダーを選択し、[[okay]]をクリックします。
3. 新しく追加したワークスペースフォルダー内にネストされている.jsファイルを右クリックして、「ネットワークリソースにマップ」を選択し、ページから対応する.jsを選択します。
4. 外部エディターを使用して、ローカル.jsファイルを変更します。
5. インスペクターの.jsファイルをクリックして、フォーカスがあることを確認します。これにより「再コンパイルと更新」がトリガーされ、変更がページに挿入されます。

ステップ5は、どういうわけか、自動化する必要がある部分です。

これを、アプリを単一の.jsファイルに自動的にバンドルするファイルウォッチャーと組み合わせると、ページを更新せずに自動リロードに近づくことができます。

Answer 2

はい、grunt.jsまたはgulp.jsでそれを行うことができます。 Chrome LiveReloadと呼ばれる）のアドオンと同様に、Codekitのような他のこともこれを行うことができます。