Come posso precompilare i modelli HandlebarsJS da Visual Studio?

Question

È possibile precompilare i modelli di Handlebars da un evento postbuild di Visual Studio o in App_Start di un'app Web MVC? Grazie mille in anticipo. Dale

Answer 1

Certo, hai molte opzioni:

1. È possibile installare node.js per le finestre e NPM, e configurare un evento di post-generazione per la compilazione (example here from previous question)
2. Se sei utilizzando ember.js, here's an implementation che utilizza la trasformazione del pacchetto per ottenere la precompilazione.
3. Un altro per ember.js che supporta i componenti, here's the implementation, che utilizza anche la trasformazione del pacchetto.
4. Ecco un example of compilation on C# usando il compilatore JavaScript Jurassic

Answer 2

Un modo per farlo è usare fascio trasformare e compilatore della jurrasic js per generare un file js con tutti i vostri punti di vista compilati e vista parziale in esso.

public class BundleConfig 
{ 
    public static void RegisterHandlBarBundles(BundleCollection bundles, string path) 
    { 
     HandleBarBundleTransform transform = new HandleBarBundleTransform(); 
     transform.jsPath = path; 
     bundles.Add(new Bundle("~/views.js", transform).IncludeDirectory("~/views", "*.hbs", true)); 
     BundleTable.EnableOptimizations = true; 
    } 
} 

Questo ha il vantaggio di non richiedere node.js o ember mentre si utilizza ancora un semplice hook di bundletransform.

The full source for the HandleBarBundleTransform is here.

Questo ha la comodità delle soluzioni ember @ahmed pubblicate per coloro che non utilizzano ember.

Answer 3

So che questa domanda era su Visual Studio 2010 ma l'ho trovata quando cercavo una soluzione per la ricompilazione di Handlebars in VS2013. Ho trascorso qualche tempo a guardare le soluzioni fino a quando ho scoperto che Web Essentials for Visual Studio aggiunto auto-precompile of handlebars templates nel novembre 2014.

Questa caratteristica in Essentials Web non è molto ben pubblicizzato e ho trovato solo quando stavo costruendo la mia soluzione ed ho trovato automaticamente che un file .hbs.js è apparso quando ho modificato un manubrio nel file .hbs! Ho perso un sacco di tempo alla ricerca di soluzioni quando era già lì.

Spero che questa risposta aiuti qualcun altro.