Django-compressor: Dukungan untuk peta sumber js

Dibuat pada 4 Sep 2013 · 20Komentar · Sumber: django-compressor/django-compressor

Peta sumber adalah alat yang sangat bagus untuk men-debug sesuatu pada kode terkompresi menggunakan Chrome Dev Tools. Ada banyak alat yang menghasilkannya termasuk penutupan Google yang sudah didukung oleh django-compressor.

Berikut beberapa info: https://github.com/ryanseddon/source-map/wiki/Source-maps%3A-languages ,-tools-and-other-info

feature

Sumber

polmuz

👍7

Komentar yang paling membantu

peta sumber juga digunakan oleh penjaga https://www.getsentry.com/docs/sourcemaps/

fetzig pada 15 Feb 2014

👍6

Semua 20 komentar

Saya bersedia menerapkannya tetapi saya ingin tahu apakah ada minat tentang fitur ini.

Sejauh ini saya telah membaca kode untuk mendapatkan ide tentang apa yang diperlukan untuk mencapai ini.

Pertama, di sisi tag template, setidaknya ada dua opsi untuk mengaktifkan peta sumber, parameter untuk kompresor atau kompresor yang berbeda: {% compress js sourcemap %} atau {% compress js-sourcemaps %}

Kemudian, jika opsi peta sumber aktif, kompresor harus memeriksa bahwa semua bakhil adalah file karena Anda tidak dapat membuat peta sumber untuk inline (saya pikir, tidak sepenuhnya yakin).

Akhirnya, mungkin bagian yang paling sulit, backend kompresor yang dapat menangani daftar file dan mengeluarkan js terkompresi dan file peta sumber diperlukan.

Saya ingin mendapatkan umpan balik tentang ini untuk mengetahui apakah saya berada di jalur yang benar atau saya melakukan kesalahan.

polmuz pada 4 Sep 2013

Ini dimungkinkan dengan toolchain yang ada. Saya telah berhasil mendapatkan dukungan sourceMapURL dasar untuk CSS melalui SASS.

misalnya https://Gist.github.com/Nagyman/6542739

Ini sangat awal; beberapa batasan yang diketahui disebutkan dalam komentar.

Nagyman pada 12 Sep 2013

Saya tertarik. Ini akan dengan mudah men-debug kode pementasan.
Adakah kemajuan pada fitur ini?

davisein pada 4 Feb 2014

Ya, saya sedang mengerjakan fitur ini.

sicarrots pada 4 Feb 2014

@sicarrots Saya menggunakan peta sumber ketika settings.DEBUG karena kompresor baru saja melewati tag asli, tetapi tampaknya cukup sulit untuk membuatnya berfungsi setelah penggabungan dan relokasi. Bagaimana Anda mendekatinya?

agriffis pada 6 Feb 2014

Saya berhasil bereksperimen dengan Compressor dan uglify.js. Untuk saat ini saya telah mensubklasifikasikan JsCompressor dan mengganti output untuk mengatasi seluruh rantai filter/concat/filter dan hanya menggunakan Uglify untuk semua aktivitas (concat, kompres, buat peta sumber).

Kos pada 6 Feb 2014

peta sumber juga digunakan oleh penjaga https://www.getsentry.com/docs/sourcemaps/

fetzig pada 15 Feb 2014

👍6

@fetzig Persis alasan saya di balik melakukan itu

Kos pada 15 Feb 2014

@Kos Maukah Anda menempelkan beberapa kode untuk tujuan inspirasi? Terima kasih B)

jpic pada 27 Feb 2014

Inilah yang akhirnya saya gunakan: https://Gist.github.com/Kos/9270494 (Saya memiliki kompresi offline pada produksi dan tidak ada kompresi dalam pengembangan)

Langkah selanjutnya adalah mengizinkan penggunaan {% compress js %} untuk JsCompressor normal (karena rantai filter/concat/filter terkadang membantu) dan mengatur sesuatu seperti {% compress uglify %} untuk menggunakan my kelas khusus, tetapi saya belum menemukan cara untuk melakukannya dengan konfigurasi.

edit: :bir: :-)

Kos pada 28 Feb 2014

:bir: @Kos!