Language-tools: penyorotan css yang tidak terpakai selalu kacau

Dibuat pada 14 Sep 2020  ·  14Komentar  ·  Sumber: sveltejs/language-tools

Jelaskan bugnya
Saat menggunakan blok gaya SCSS, garis kuning bergelombang CSS yang tidak digunakan tidak muncul di tempat yang tepat.

image

Ini harus menyoroti kelas .introduction , tetapi menyoroti properti height (atau properti terakhir apa pun dari gaya yang ditentukan pertama) sebagai gantinya.

Saat beralih kembali ke blok CSS normal tanpa atribut lang , ini berfungsi dengan baik.

Untuk Mereproduksi

  1. Buatlah komponen sederhana dengan beberapa elemen
  2. Tambahkan beberapa CSS vanilla bekas dan tidak terpakai tanpa fungsi SCSS atau sintaks gula
  3. Ubah <style> menjadi <style lang="scss">

Perilaku yang diharapkan
Bekerja sama seperti ketika itu hanya blok <style> normal

Screenshot
Lihat di atas

Sistem (lengkapi informasi berikut):

  • OS: Windows
  • IDE: VScode
  • Plugin / Paket: "Svelte untuk VSCode"

Konteks tambahan
Tidak ada plugin atau ekstensi tambahan yang diaktifkan saat membuat tangkapan layar. Saya bahkan memulai ulang vscode untuk berjaga-jaga.

bug
Sumber
picture UltraCakeBakery

Komentar yang paling membantu

Ini harus diperbaiki dengan versi 4.6.1 dari svelte-preprocess .

picture dummdidumm pada 21 Nov 2020
🚀1 🎉1

Semua 14 komentar

Bisakah Anda memposting cuplikan kode yang memberi Anda coretan pada baris ini?

dummdidumm picture dummdidumm pada 14 Sep 2020

Bisakah Anda memposting cuplikan kode yang memberi Anda coretan pada baris ini?

Tidak masalah kode apa yang Anda gunakan. Ini dengan cepat mulai rusak di ujung saya. Semakin banyak kode, semakin buruk hasilnya.

Ini REPL cepatnya:
https://svelte.dev/repl/97a01882d3444d77ad2a62480e310921?version=3.25.0

Di IDE saya, dengan atribut SCSS
image

tanpa atribut:
image

UltraCakeBakery picture UltraCakeBakery pada 14 Sep 2020

Terima kasih. Saya perlu memeriksa apakah garisnya terputus oleh beberapa offset, tetapi secara umum saya khawatir kami tidak dapat berbuat banyak karena kami mengandalkan peta sumber dan jika peta itu salah / tidak sebagus itu, maka tidak ada yang dapat kami lakukan.

Peta sumber yang dihasilkan selama transpilasi dari SCSS ke CSS. Kita perlu melakukan ini sebelum meneruskan kode ke compiler Svelte (yang memberikan peringatan yang tidak terpakai) karena hanya dapat menangani CSS.

dummdidumm picture dummdidumm pada 14 Sep 2020

Apakah peta sumber adalah sesuatu yang dapat saya perbaiki di pihak saya? Atau apakah itu masalah dengan preprocess yang ramping? rollup?
Beruntung bagi saya, saya tahu css apa yang saya tulis dan html yang saya hapus, jadi saya bisa menangani ini untuk saat ini. Apakah ada cara yang bijak untuk mematikan ini jika saya harus?

UltraCakeBakery picture UltraCakeBakery pada 14 Sep 2020

https://github.com/sveltejs/svelte/pull/5015 perlu digabung untuk dukungan peta sumber preprocessor

benmccann picture benmccann pada 14 Sep 2020
👀1

Apakah peta sumber adalah sesuatu yang dapat saya perbaiki di pihak saya? Atau apakah itu masalah dengan preprocess yang ramping? rollup?

Kompiler scss ( node-sass / sass , tergantung apa yang Anda gunakan) menghasilkan peta sumber.

Beruntung bagi saya, saya tahu css apa yang saya tulis dan html yang saya hapus, jadi saya bisa menangani ini untuk saat ini. Apakah ada cara yang bijak untuk mematikan ini jika saya harus?

Jika Anda ingin mematikan beberapa peringatan secara global, Anda dapat melakukannya melalui opsi ini .

dummdidumm picture dummdidumm pada 14 Sep 2020

sveltejs / svelte # 5015 perlu digabung untuk dukungan peta sumber preprocessor

Bukan untuk alat bahasa, saat ini kami melakukan pemetaan sendiri (tapi mudah-mudahan bisa membuang sejumlah besar kode begitu ini mendarat).

dummdidumm picture dummdidumm pada 14 Sep 2020

sveltejs / svelte # 5015 perlu digabung untuk dukungan peta sumber preprocessor

Sepertinya ini adalah permintaan tarik yang relatif populer. Adakah alasan yang diketahui mengapa itu belum digabungkan?

UltraCakeBakery picture UltraCakeBakery pada 14 Sep 2020

Itu tinggi di radar kami. Ini belum dalam kondisi yang bisa digabung. Saya meninggalkan beberapa komentar tentang itu.

benmccann picture benmccann pada 14 Sep 2020
👀2

Saya memeriksa tetapi tidak dapat mereproduksi garis offset yang Anda alami saat hanya menggunakan SCSS. Apakah Anda juga menggunakan PostCSS? Saya hanya dapat mereproduksi jika saya juga menggunakan PostCSS. Jika demikian, alasannya adalah tidak adanya peta sumber dari PostCSS. Saya membuka terbitan ini pada svelte-preprocess untuk itu.

dummdidumm picture dummdidumm pada 16 Sep 2020

Maaf atas tanggapan yang terlambat. Saya telah memasang https://www.npmjs.com/package/postcss-load-config . Itu saja.

UltraCakeBakery picture UltraCakeBakery pada 17 Sep 2020

Jadi ini berarti Anda menggunakan postcs, jadi postcss: true adalah bagian dari konfigurasi praprosesor Anda? Jika demikian, ini akan diperbaiki setelah masalah dalam svelte-preprocess diperbaiki.

dummdidumm picture dummdidumm pada 17 Sep 2020

Jadi ini berarti Anda menggunakan postcs, jadi postcss: true adalah bagian dari konfigurasi praprosesor Anda?

Jika postcss disetel ke true secara default, ya.

Jika demikian, ini akan diperbaiki setelah masalah dalam svelte-preprocess diperbaiki.

👀

UltraCakeBakery picture UltraCakeBakery pada 17 Sep 2020

Ini harus diperbaiki dengan versi 4.6.1 dari svelte-preprocess .

dummdidumm picture dummdidumm pada 21 Nov 2020
🚀1 🎉1
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

PatrickG picture PatrickG  ·  3Komentar
opensas picture opensas  ·  4Komentar
matthewmueller picture matthewmueller  ·  5Komentar
NickKaramoff picture NickKaramoff  ·  4Komentar
shirakaba picture shirakaba  ·  4Komentar