2017-11-08 150 views
6

Sadece resmi blog köşesi 5 (https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced) ile ilgili bir makale okuyun. Tipcript dönüşümü hakkında konuşuluyor. Ayrıntılı olarak:typescript dönüşümü nedir

"daktilo dönüşümü olarak typescript Dönüşümler Kaputun altında , Açısal derleyici artık artan ölçüde daha hızlı yeniden oluşturur hale faaliyet typescript dönüşümler bizi içine kanca sağlayan typescript 2.3 parçası olarak sunulan yeni bir özellik vardı. standart TipScript derleme boru hattı. "

Daha iyi anlamak isterim. Tranformlar veya derleme boru hattı nedir? tnx!

cevap

0

Bu, kodlayıcı derleyicinin Javascript kodunu nasıl oluşturduğuna ilişkin iç içe geçer. 2.3'ten beri derleyici, Typescript AST'yi (soyut sözdizimi ağacı) alır ve bir dizi dönüşüm (dönüşüm hattı) uygular. Boru hattının sonunda, Javascript AST olan yeni bir AST alırsınız. Kaynak kodu itibaren

, bu akım transformatörleri şunlardır:

    :

    örneğin Yani

    Typescript Transformers

    etkin jsx ve system ile es5 hedef için derleme aşağıdaki dönüşümleri dahil edilecektir modülleri

  • transformTypeScript - Kodlamaya özgü ek açıklamaları kaldırır

  • transformJsx-jsx sözdizimi kaldırmak ve transformESNext

  • JavaScript

    haline çevrilmesi Will - esnext

  • transformES2017es2017 dönüşümü Will - dönüşümü Will es2017-es2016

  • transformES2016 - es5

  • transformSystemModule için es2015 jeneratörler dönüştürecek -

  • transformGeneratorses2015 için es5 (eksi jeneratörler) dönüştürecek - es2016

  • transformES2015es2015 dönüşecek - Modüle özgü js kodunu ekleyecektir.

Tüm dönüşümler uygulandıktan sonra, AST'yi bir dosyaya yazmak önemsiz bir işlemdir.