2017-02-17 4 views
0

Ich arbeite in riesigen nodejs Projekt. Es kommt von Outsource-Jungs. Es enthält Hunderte von Plugins und Bibliotheken. Ich kann eine Vorlagen-Engine, die darin verwendet, nicht erkennen. Kann jemand damit helfen? Proben:Was ist das Template Engine?

var $mapsIfAlbum = (
     <section class="slide section" data-index="2" style={{top: mapsPos + '%', zIndex: mapsPos}}> 
     <div class="maps"> 
      {info} 
      <_Maps /> 
     </div> 
     </section> 
    ); 

Dieser sieht aus wie Schnurrbart, aber beiden Stücke sind in einer Datei. Ist es möglich, zwei Template Engines in einer Datei zu verwenden?

var bodyStyles = ` 
${hideIconsWhenMobile} 
    @media screen and (max-width: 720px) { 
    body { 
     background: #fff !important; 
    } 
    } 
    `; 
+0

Welche Template-Engine möchten Sie verwenden? –

+1

Ich sehe Backticks Ich denke es ist [Vorlage Literale] (https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals) – Satpal

Antwort

0

Die erste sieht aus wie JSX, die häufig mit React verwendet wird.

Und ja, wie andere bereits erwähnt haben, das zweite ist ein Vorlagenliteral.

+0

Ja, das weiß ich schon) Ich bekomme Antwort in einer anderen Frage, aber danke für diese Archäologie. – Teo

1

Es wird als Template Literale genannt.

Wenn Sie Ihre NodeJS auf Version 4.0.0 aktualisieren und darüber, wird dies als ein neues Feature von ES6 sein, wo Sie diese backquotes verwenden können, (auch als grave accents bekannt) statt + der Verwendung zur Verkettung.

Hoffe, das hilft!

+0

Es hilft, danke! – Teo