問題タブ [livereload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
39993 参照

gruntjs - grunt-contrib-livereload の使い方は?

grunt-contrib-livereloadを使用しようとしていますが、理解できないようです。readmeは、私が説明する必要のあるすべてのことをスキップしているようであり、試してみると機能せず、ドキュメントに直接関係していないように見える例で終わります。ブログの投稿やチュートリアルなどでより良い説明を探しましたが、見つけることができませんでした。誰かがこのツールを使い始める方法を説明できますか?

readmeに基づいて、私が持っている質問の種類は次のとおりです。

ドキュメントには、 livereload タスクには「変更されたファイルのリストを渡す必要がある」と書かれていますが、このファイルのリストを渡すにはどうすればよいですか? この例はこれを説明していないようです。に関してはリストを通過しますか?

grunt-contrib-connect は必要ですか? それは何をし、どのように使用するのですか? livereload を使用する前に接続を学習する必要がありますか?

readme には、「最初に挿入する必要がある」ミドルウェアが記載されていますが、何に挿入されますか? そして、それはどのように挿入されますか?

そして、ポートを操作する必要がある方法を理解していないと思います。「livereload ポートでリッスンしているすべてのブラウザがリロードされます」 --- しかし、どのブラウザがどのポートをリッスンしているかを知るにはどうすればよいですか? livereload を試す前に、ポートについてすべて学ぶ必要がありますか? (それについて最もよく学ぶ方法について何か提案はありますか?)

最後に、この例には、folderMount以前のどのドキュメントにも関連していないように見える関数があります。それは何ですか、私はそれが必要ですか?

私は誰かが喜んでくれるかどうか尋ねていると思います:

  • 現在の readme よりもはるかに効果的なチュートリアルを教えてください。
  • これらの答えがプラグインを理解するために必要なものである場合は、readme のこれらの説明されていない部分を説明してください。
  • または、機能する理由の説明とともに機能的な例を提供します。
0 投票する
1 に答える
3028 参照

windows - Windows での Guard-livereload

Windowsでの Guard-livereload の私の設定:

  • Rubyインストーラー 1.9.3-p429
  • DevKit-tdm-32-4.5.2-20111229-1559
  • gem インストール: ガード ガード-livereload wdm
  • Firefox 2.0.9.xpi の最新のブラウザ拡張機能

コンソールに問題はありません: :(ガードが古いgem jsonを使用していることを教えてくれることを除いて(最新の1.8.0をインストールしました)、ブラウザが接続または切断されていることも教えてくれます.

問題は、guard-livereload (ほとんど) がページを更新しないか、一度だけ更新することがあることです。Guardfile は、私が Linux Fedora で使用しているものと同じで、同様の構成で動作しています... :-/

Windowsでguard-livereloadを成功させた人はいますか?

0 投票する
2 に答える
3068 参照

google-chrome - LiveReload Chrome 拡張機能が Ubuntu 13.04 64 ビットの Guard サーバーに接続できない

次のように必要な宝石をインストールしました:

これは私のGuardfileがどのように見えるかです:

これは私が実行したときに得られるものです: bundle exec guard

Guard サーバーが実行されていることを確認するために、これは telnet 時に得られるものです

監視対象ディレクトリの index.html に変更を加えると、ガード プロンプトで次のように表示されます。

[1]ガード(メイン)>

Chrome ライブ リロード プラグインをインストールし、ファイルの読み取り許可を与えましたが、クリックしても変更されないため、コードの変更が /home/praveen/Desktop/html5 の html または css にリロードされません。pls何ができるか教えてください。

プラヴィーン

0 投票する
2 に答える
580 参照

css - SASS & LiveReload を使用して CSS の正しい出力フォルダーを指定するには?

奇妙な問題を抱えています。

SASS を使用しています。コンパスもインストールされていますが、LiveReload があるため使用する必要はありません。

LiveReload を使用して、スクリプトを index2.html ファイルに貼り付けました。次に、出力パスで、sass/main.scss フォルダーを css/main.css フォルダーにターゲットに設定します。ただし、何らかの理由で、まだスタイルシート フォルダーに出力されます。

これは私を夢中にさせています.SASSまたはlifereloadを強制して、正しいフォルダーに出力していることを確認するにはどうすればよいですか? stylesheets フォルダーを作成したことがなく、main.scss ファイルを削除して変更を加えて保存すると、stylesheets フォルダーが再作成され、その X_X 内に main.css が配置されます。

編集:この python プロジェクトのどこかにある構成ファイルだと思います。config.rb ファイルが見つかりましたが、パスはそこに問題ないようです。別の設定がどこかにあるはずです...探し続けるか、月曜日に Python 開発者に尋ねることができます

config.rb

ここに画像の説明を入力