تعد خرائط المصدر أداة رائعة جدًا لتصحيح أخطاء شيء ما في التعليمات البرمجية المضغوطة باستخدام Chrome Dev Tools. هناك الكثير من الأدوات التي تنشئها بما في ذلك إغلاق Google المدعوم بالفعل بواسطة django-compressor.
إليك بعض المعلومات: https://github.com/ryanseddon/source-map/wiki/Source-maps٪3A-languages ، -tools-and-other-info
أنا على استعداد لتنفيذه ولكن أود معرفة ما إذا كان هناك أي اهتمام بهذه الميزة.
لقد كنت أقرأ الكود حتى الآن للحصول على فكرة عما هو مطلوب لتحقيق ذلك.
أولاً ، على جانب علامات القالب ، هناك خياران على الأقل لتشغيل خرائط المصدر ، أو معلمة للضاغط أو ضاغط مختلف: {% compress js sourcemap %}
أو {% compress js-sourcemaps %}
بعد ذلك ، إذا كان خيار خرائط المصدر قيد التشغيل ، يجب أن يتحقق الضاغط من أن جميع الكتل عبارة عن ملفات لأنه لا يمكنك إنشاء خرائط مصدر للخط (أعتقد ، لست متأكدًا تمامًا).
أخيرًا ، ربما يكون الجزء الأصعب ، وهو الضاغط الخلفي الذي يمكنه التعامل مع قائمة الملفات وإخراج ملف js المضغوط وملف خريطة المصدر مطلوبًا.
أرغب في الحصول على بعض التعليقات حول هذا الأمر لمعرفة ما إذا كنت على الطريق الصحيح أو أنني أخطأت في كل شيء.
قد يكون هذا ممكنًا مع سلسلة الأدوات الحالية. لقد تمكنت من الحصول على دعم sourceMapURL الأساسي لـ CSS عبر SASS.
على سبيل المثال https://gist.github.com/Nagyman/6542739
هذا تمهيدي جدا. بعض القيود المعروفة مذكورة في التعليقات.
أنا مهتم. سيكون من السهل تصحيح التعليمات البرمجية المرحلية بسرعة.
أي تقدم على هذه الميزة؟
نعم ، أنا أعمل حاليًا على هذه الميزة.
sicarrots أستخدم خرائط المصدر عندما settings.DEBUG
منذ أن يمر الضاغط عبر العلامات الأصلية ، ولكن يبدو من الصعب جدًا جعلها تعمل بعد التسلسل والانتقال. كيف حالك الاقتراب منه؟
لقد حققت بعض النجاح في تجربة Compressor و uglify.js. في الوقت الحالي ، قمت بتصنيف JsCompressor
وتجاوزت output
للتغلب على سلسلة المرشح / concat / التصفية بالكامل واستخدام Uglify فقط لجميع الأنشطة (concat ، ضغط ، إنشاء خرائط المصدر).
يتم استخدام خرائط المصدر بواسطة الحارس أيضًا https://www.getsentry.com/docs/sourcemaps/
fetzig بالضبط الأساس المنطقي وراء القيام بذلك
Kos هل تفضل بلصق بعض التعليمات البرمجية لأغراض الإلهام؟ شكرا ب)
هذا ما انتهى بي الأمر باستخدامه: https://gist.github.com/Kos/9270494 (لدي ضغط دون اتصال بالإنترنت على الإنتاج ولا يوجد ضغط في التطوير)
ستكون الخطوة التالية هي السماح باستخدام {% compress js %}
مقابل JsCompressor
العادي (لأن سلسلة المرشح / concat / التصفية تكون مفيدة في بعض الأحيان) وإعداد شيء مثل {% compress uglify %}
لاستخدام فئة مخصصة ، لكنني لم أحسب طريقة للقيام بذلك عن طريق التكوين.
تحرير:: البيرة: :-)
: بيرز:Kos!
+1 لهذه الميزة!
بالنسبة لخرائط مصادر JS ، وجدت أن:
http://roverdotcom.github.io/blog/2014/05/28/javascript-error-reporting-with-source-maps-in-django/
مع البرنامج المساعد django-compressor المقابل
https://github.com/roverdotcom/django-compressor-sourcemaps/
+1 أود هذه الميزة أيضًا. من السهل جدًا أن تكون قادرًا على تصحيح أخطاء ملفات JS المضغوطة في الإنتاج. أخطاء الحراسة لا معنى لها إن لم تكن كذلك.
+1 للميزة ، مطلوب تمامًا لأخطاء Sentry :)
+1 لخرائط المصدر js و css
أرغب في رؤية خريطة مصدر js / ES6 / coffee (حتى TypeScript) و css / sass / less
🍻
هل لا يزال الضغط لا يدعم ميزة خرائط المصدر؟
لا ، لا يزال لا يدعم هذه الميزة. نرحب بك لتقديم PR تنفيذ هذا.
لا يزال من الممكن تنفيذ بعض الحلول "المخترقة" ، على سبيل المثال:
https://bitbucket.org/imposeren/tabletop-planning/src/7d551806cfee2c5493b7273e40c5448aec480544/tabletop_tools/compressor_filters.py؟at=master
مطلوب حل أفضل لجعل العلاقات العامة ...
التعليق الأكثر فائدة
يتم استخدام خرائط المصدر بواسطة الحارس أيضًا https://www.getsentry.com/docs/sourcemaps/