Come faccio ad aggiungere type = "text/javascript" ad un tag script quando si utilizza System.Web.Optimization

Question

Ho il seguente

bundles.Add(new ScriptBundle("~/bundles/scripts/common").Include(
        "~/Scripts/jquery.validationEngine.js", 
        "~/Scripts/common.js")); 

che genera

<script src="/bundles/scripts/common?v=9O0Yi3fV_GWpGyJQ_QYURiOYy6SEmxUQtkUVN4GXo2U1"></script> 

Quando reso con

<asp:PlaceHolder ID="PlaceHolderJs" runat="server">     
      <%: Scripts.Render("~/bundles/scripts/common") %> 
    </asp:PlaceHolder> 

Quale non è HTML valido come tipo mancante = "text/javascript". Come faccio a rendere BundleCollection questo elemento nel tag script?

Answer 1

Un modo è quello di cambiare il modo di rendere il vostro script:

Da:

@Scripts.Render("~/bundles/scripts/common") 

A:

<script src="@BundleTable.Bundles.ResolveBundleUrl("~/bundles/scripts/common")" type="text/javascript"></script> 

O a seconda di come si sta implementando bundling, potrebbe essere necessario:

<script src="@Microsoft.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/scripts/common")" type="text/javascript"></script> 

O per moduli web:

<script src="<%= Microsoft.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/scripts/common")%>" type="text/javascript"></script> 

Anche se c'è un modo per farlo utilizzando @ Script.Render mi piacerebbe vederlo.

UPDATE: in risposta ai vostri commenti, come specificato nella this SO answer, nella versione pre-release di System.Web.Optimization, c'è un'opzione chiamata RenderFormat che vi permetterà di fare questo pure ... ma credo che la roba sopra è più facile da leggere per questo caso particolare.

Answer 2

Credo che la risposta contrassegnata non sia corretta per type="text/css", è corretta per JavaScript (forse il titolo della domanda è fuorviante?). Per i file CSS si dovrebbe usare

@Styles.Render("~/bundles/styles/common") 

e non@Scripts.Render(...). Il motivo è che la minificazione è stata eseguita e solo @Styles.Render(...) è a conoscenza della sintassi Cascading Stylesheet, @Scripts.Render(...) è specializzata per la minifrazione di JavaScript.