Utilisation de la Cassette V2 pour compiler les templates jsRender et KnockoutJS

Question

Je passe à la version 2 de la cassette.

Mais je n'ai rien trouvé sur le web pour m'aider à configurer ma Cassette pour compiler des modèles HTML.

Modèles

Quelques modèles jQuery Templates comme :

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="header" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="header">${header}</h3>
    </div>
    <div class="modal-body">
        {{html body}}
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal">${CancelText}</button>
        <button class="btn ${ClassBtn}">${ConfirText}</button>
    </div>
</div>

Je les modifierai bientôt pour utiliser jsRender !

Autres comme KnockoutJS

<div class="span2">
    <div class="data-block">
        <h4 data-bind="text: Total"></h4>
        <h6>
            <span data-bind="text: Passo.Nome"></span>
            <small class="muted" data-bind="text: Passo.Responsavel">Riderman de Sousa</small>
        </h6>
    </div>
</div>

IConfiguration<BundleCollection> classe

bundles.AddPerSubDirectory<HtmlTemplateBundle>("HtmlTemplates", b => b.Pipeline = ??? );

Answer 1

J'ai trouvé la réponse, avec la v2 tout est séparé. Donc si vous utilisez Less, vous devez obtenir le paquet nuget Cassette.Less. Même chose pour les éléments tmpl.

1 ) Obtenir le paquet Nuget : http://nuget.org/packages/Cassette.KnockoutJQueryTmpl/2.0.0

2 ) Configuration :

public class CassetteConfiguration : IConfiguration<BundleCollection>
{
    readonly KnockoutJQueryTmplPipeline pipeline;

    public CassetteConfiguration(KnockoutJQueryTmplPipeline pipeline)
    {
        this.pipeline = pipeline;
    }

    public void Configure(BundleCollection bundles)
    {
        bundles.Add<StylesheetBundle>("Content", new FileSearch { Pattern = "*.css;*.less", SearchOption = System.IO.SearchOption.AllDirectories });
        bundles.Add<ScriptBundle>("Scripts");
        bundles.AddPerIndividualFile<ScriptBundle>("Content/js");

        bundles.Add<HtmlTemplateBundle>("HtmlTemplates", new FileSearch { Pattern = "*.htm" }, b => b.Pipeline = pipeline);
    }
}

3 ) Faites référence à l'offre groupée dans votre vue

Bundles.Reference("HtmlTemplates");