Inclure js dans Bundle.config dans l'application asp.net

Question

J'essaie de regrouper mes css & js de mon application web asp.net. CSS fonctionne bien, mais il prend aussi des fichiers js comme css. Peut-être que j'ai fait une mauvaise configuration. Lorsque je débogue mon application & en regardant la source de la page, il donne des spectacles comme celui-ci.

<link href="/Content/bootstrap.css" rel="stylesheet"/> 
<link href="/Content/Site.css" rel="stylesheet"/> 
<link href="/Content/owlcarousel.css" rel="stylesheet"/> 
<link href="/Scripts/jquery.js" rel="stylesheet"/> 
<link href="/Scripts/owlcarousel.js" rel="stylesheet"/> 

Bundle.config

<?xml version="1.0" encoding="utf-8" ?> 
<bundles version="1.0"> 
    <styleBundle path="~/Content/css"> 
    <include path="~/Content/bootstrap.css" /> 
    <include path="~/Content/Site.css" /> 
    <include path="~/Content/owlcarousel.css" /> 
    </styleBundle> 

    <scriptBundle path="~/Scripts/js"> 
    <include path="~/Scripts/jquery.js" /> 
    <include path="~/Scripts/owlcarousel.js" /> 
    </scriptBundle> 
</bundles> 

MasterPage

<asp:PlaceHolder runat="server"> 
     <%: Scripts.Render("~/bundles/modernizr") %> 
    </asp:PlaceHolder> 
    <webopt:bundlereference runat="server" path="~/Content/css" /> 
    <webopt:bundlereference runat="server" path="~/Scripts/js" /> 

Answer 1

Bien que je ne sais pas exactement pourquoi de la solution, je peux hasarder quelques conjectures.

Il semble que vous deviez utiliser <asp:PlaceHolder runat="server"><%: Scripts.Render("~/Scripts/js") %></asp:PlaceHolder> pour que la référence Bundle.config scriptBundle s'affiche correctement.

J'ai vu un article lors de ma recherche (malheureusement perdu maintenant) notant que "webopt: BundleReference" fait un appel à Styles.Render ... qui est ce que je soupçonne que vous et moi avons connu, à savoir que Microsoft applique Styles.Render à références ScriptBundle au lieu de Scripts.Render!