現在、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 の代わりにブラウザ同期などを使用するようアドバイスしないでください。
