Mengapa jalurnya salah dengan gulp dan sinkronisasi browser

Ini adalah kode saya dengan gulp dan sinkronisasi browser masukkan deskripsi gambar di sini

Sekarang, mengapa jalur ini error: masukkan deskripsi gambar di sini

struktur direktori saat ini adalah ini:

masukkan deskripsi gambar di sini

dan gaya css:

masukkan deskripsi gambar di sini


person pokaxperia    schedule 20.08.2015    source sumber


Jawaban (1)


Gaya Anda ada di folder tmp/styles. Ketika url css Anda disetel ke ./images/landing.jpg, titik tunggal itu berarti mencari di folder saat ini. Jadi BrowserSync melakukan persis apa yang Anda minta dan mencari folder gambar di dalam folder gaya. Jadi, CSS Anda yang salah, bukan BrowserSync.

Yang sebenarnya Anda inginkan adalah kembali ke direktori induk folder gaya, dan mencari folder gambar di sana, yang diselesaikan dengan dua titik:

background: url("../images/landing.jpg") no-repeat center;

person Rob Wise    schedule 21.08.2015