問題タブ [gulp-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 投票する
1 に答える
175 参照

gulp - Gulp CSS スタイルが更新されない

問題があります。昨日、Node.js カーネルを更新する必要がありましたが、LESS ファイルで何かを変更したため、css の更新はありません。Gulpfileはアップデート前と同じです。私の gulpfile スクリプトの何が問題なのか、誰か教えてもらえますか?

HTMLファイルの更新はOKです。

アドバイスありがとうございます :-)

0 投票する
0 に答える
157 参照

less - Livereload がソースマップをより少ないファイルに更新しない

現在、chrome の livereload 機能を使用して gulp-less ワークフローを使用しており、gulp-livereload は正常に動作しています。

ファイルに変更を加えると、livereload によって css が更新されますが、残念ながら、少ないファイルではなくlivereload cssが挿入されます。

したがって、ページを更新して対応する少ないファイルを表示する必要がありますが、これは非常に時間がかかり、livereload を使用しませんでした。少ないソースマップファイルを表示するためにページを更新する必要がある場合、livereload を使用するのはまったくナンセンスですか?

すべての少ないファイルから custom.css ファイルを生成しているとしましょうが、部分ファイルに変更すると、 livereload は sourcemap を生成し、ファイル システムでも custom.css を更新しますが、ブラウザーではcss が挿入されているだけです。

以下のスクリーンショットを参照して、私が直面している正確な問題を確認してください。挿入された css の後に、いくつかのバージョンとポート番号も追加されることに注意してください。たとえば、私の場合はcss/custom.css?livereload=1577164609829 です

更新時に期待しているのは、対応するブラウザー内のファイルが少ないことであり、livereload によって挿入された css ではありません。

以前にこの問題に直面した人はいますか? もしそうなら、私を助けてください。

注: livereload の代わりにブラウザ同期などを使用するようアドバイスしないでください。

ここに画像の説明を入力