SORU
12 ŞUBAT 2014, ÇARŞAMBA


Javascript .dosyaları göster - javascript kaynak haritalar

Son zamanlarda .js.map uzantılı dosyaları bazı JavaScript kütüphaneleri ile birlikte gördüm (Angular), ve bu sadece kafamda birkaç soru kaldırdı:

  • Ne işe yarar? Neden Açısal bakım altındaki çocuklar .js.map Bir dosya teslim etmek için?
  • (Nasıl bir JavaScript geliştiricisi olarak) angular.min.js.map dosyası kullanabilir miyim?
  • JavaScript uygulamaları için .js.map dosyaları oluşturma hakkında bakım gerekir?
  • Nasıl yaratılmış olabilir? angular.min.js.map baktım ve garip biçimli dizeler ile dolu olduğunu el ile oluşturulan bir şey değil herhalde.

CEVAP
12 ŞUBAT 2014, ÇARŞAMBA


.harita dosyaları minified edilmiştir js ve css dosyaları için. SourceMaps denir. Bir dosyayı küçült, angular.js dosya gibi, oldukça binlerce satır kod alır ve çirkin kod sadece birkaç satır dönüşür. Üretim için kodunuzu nakliye olduğunuzda inşallah, tam, unminified sürümü yerine minified kod kullanıyorsunuz. Uygulamanız üretimde bir hata varsa, sourcemap senin çirkin dosya almak yardımcı olacaktır, ve kodun orijinal halini görmek için izin verir. Eğer sourcemap yok eğer doğru değilse, o zaman herhangi bir hata en gizemli görünüyor.

CSS dosyaları için aynı. Siz veya daha AZ SASS dosyası al ve CSS derleme sonra, orijinal formu gibi bir şey görünüyor. Eğer sourcemaps etkinleştirirseniz, o zaman dosya, değiştirilen devlet yerine özgün durumunu görebilirsiniz.

Yani, sırayla soruları cevaplamak için:

  • Ne işe yarar?De-referans kodu uglified
  • Nasıl bir geliştirici bunu kullanabilir mi?Üretim uygulama hata ayıklama için kullanın. Geliştirme modunda Açısal tam sürümünü kullanabilirsiniz. Üretim, minified sürümünü kullanırsınız.
  • Bir js oluşturma önemsemeliyiz.göster dosya?Eğer üretim kodu daha kolay hata ayıklama için güçlü olmak önem veriyorsanız, o zaman Evet, Bunu yapmalısın.
  • Nasıl yaratılmış olabilir?Yapı zaman oluşturulur. Kendi inşa ettiği yapı araçları vardır .göster diğer dosyaları olduğu gibi senin için dosya. https://github.com/gruntjs/grunt-contrib-uglify/issues/71

Bu mantıklı umuyoruz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CruzerLite

    CruzerLite

    1 EKİM 2011
  • Jonathan D.

    Jonathan D.

    3 Kasım 2006
  • karneson

    karneson

    23 Temmuz 2006