問題タブ [livereload]

私は使っている：

• ライブ リロード用のウォッチ プラグインを使用して Grunt &
• 保存時にファイルをアップロードするための Sublime Text 2 の SFTP プラグイン

ライブ リロードは、SFTP アップロードよりもわずかに高速です。

Guard を使用すると、grace_period を設定してライブ リロードを遅らせることができます。Grunt に同等の機能/回避策はありますか?

Linux Mint で livereload.js と XAMPP を使用して grunt watch をセットアップしようとしています。

このセットアップの理由は、php/MySQL を開発し、Grunt 機能を維持できるようにするためです。

以前に MAMP でこれを行ったことがあり、Mac では、MAMP 設定で SSL を 35729 に設定し、livereload を grunt watch で動作させるだけで済みました。

ただし、XAMPP にはこの設定がないため、設定を変更して XAMPP ssl conf ファイル (/opt/lampp/etc/extra/https-ssl.conf) を手動で編集しようとしました。

&

ただし、grunt watch を使用すると、次のメッセージが表示されます。

MAMPの違いはわかりませんが、その機能をエミュレートする方法がいくつかあります。

事前に感謝します。

SCSS をコンパイルしてブラウザを更新する最速の方法は何だと思いますか? 私は現在 LiveReload を使用していますが、少し遅いように見える場合があり、1 ～ 3 秒かかることがあります。たいしたことではないようですが、適切なコーディングのペースを失っているように感じます。

皆さんは何を使っていますか？CodeKit の方が速いでしょうか? それとも Sublime LiveReload プラグイン (実際のアプリではない) でしょうか? それとも、コンパスをあきらめて別のものを使うべきでしょうか? 任意の提案をいただければ幸いです。

PS。私はOS Xを使用しています

watch github pageに加えて、この回答を出発点として調べました。

私の監視タスクは次のようになります。

最初にブラウザー拡張機能を試し、その後、このスクリプトを index.html に追加しました (そして、それが読み込まれていることを確認しました)。

また、これを私のwatch jsに追加しようとしました:

また、接続タスクがあり、それを使用して、または使用せずに grunt を実行しようとしましたが、役に立ちませんでした。

そして、まだライブリロードはありません...

LiveReload と Grunt を使用して保存したときに templateURL をリロードするにはどうすればよいですか?

保存すると .tmp/views/main.html に処理される jade ファイル views/main.jade があります。現在、これは機能し、テンプレートを表示できますが、LiveReload を保存するとページをリロードできません。

それを機能させる方法はありますか？

また、役立つ場合に備えて、私の GruntFile へのリンクもここにあります: http://jsfiddle.net/daimz/Te5Xc/

コード スニペットを Laravel のエラー ページに挿入したいのですが、出力を変更またはキャプチャする方法がわかりません。

この不潔なハックは機能しているように見えますが、スニペットはページ コードの前に挿入されます。

Chrome ワークスペースでライブ編集できるようにするために、Bootstrap の少ないファイルと gruntjs を使用してプロジェクトをセットアップしました。

以下は私の Gruntfile.js です。より少ないファイルを目的の style.css に自動コンパイルし、変更を保存するとソース マップ ファイルを作成します。プロジェクト ディレクトリをワークスペースに追加した後、Chrome ワークスペースからより少ないファイルを編集して保存することもできます。

私が抱えている問題は、Sublime Text 2 または Chrome Workspaces を介して、ページを更新せずにブラウザで直接、より少ないファイルで変更のライブ リロードを確認できないことです。

私は何が欠けていますか？ファイルをマップする必要がありますか? どのファイルからどのファイルに正確に? 同じ方法で複数をマップする必要がありますか、それとも 1 つのファイルのみをマップする必要がありますか。

ファイル ツリーが表示される画像も追加しました。

参考までに、style.less はブートストラップの less ファイルとカスタムの less ファイルをインポートすることにも注意してください。

更新 [要素] タブから編集すると、style.less ファイルが style.css にもあるコンテンツで上書きされ、機能します。私は何を間違っていますか？

お時間を割いてご協力いただき、誠にありがとうございました。