ASP.NET MVC - बंडल कॉन्फिग ऑर्डर

Question 1

मैं अपने ASP.NET MVC 5 एप्लिकेशन में एक विशिष्ट लोकेल (es-CL) का उपयोग करने की कोशिश कर रहा हूं। मैं निम्नलिखित है:

"Es-CL" के लिए परिवर्तित वेब.कॉन्फ़िग यूकल्चर और कल्चर
Globalize और jQuery.Validation.Globalize संकुल स्थापित किया
मेरे विचारों में डिफ़ॉल्ट भाषा को बदल दिया: <html lang="es-cl">
एक नया बंडल बनाया और उपयुक्त दृश्यों में शामिल किया।

में BundleConfig.cs :

bundles.Add(new ScriptBundle("~/bundles/jqueryval")
    .Include("~/Scripts/jquery.validate.js")
    .Include("~/Scripts/jquery.validate.unobtrusive.js"));

bundles.Add(new ScriptBundle("~/bundles/globalization")
    .Include("~/Scripts/globalize/globalize.js")
    .Include("~/Scripts/globalize/cultures/globalize.culture.es-CL.js")
    .Include("~/Scripts/jquery.validate.globalize.js"));

उपयुक्त विचारों में:

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/globalization")
}

हालाँकि, उत्पन्न स्रोत कोड निम्नलिखित है:

<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

<script src="/Scripts/jquery.validate.globalize.js"></script>
<script src="/Scripts/globalize/globalize.js"></script>
<script src="/Scripts/globalize/cultures/globalize.culture.es-CL.js"></script>

कृपया ध्यान दें कि वैश्वीकरण से पहले jquery.validate.globalize.js स्क्रिप्ट लोड की जा रही है।

ये क्यों हो रहा है? क्या एकल बंडल में शामिल आदेश में भरोसा करना संभव है, या क्या मुझे इस एकल स्क्रिप्ट को एक अलग बंडल में रखने और इसे मेरे विचार में निर्दिष्ट करने के लिए मजबूर किया गया है?

Question 2

डिफ़ॉल्ट रूप से, बंडलिंग ऑर्डर वाइल्डकार्ड वाले नामों के लिए वर्णमाला है (जैसा कि टिप्पणियों में बताया गया है)। हालाँकि, यह इस पर भी आदेश देता है कि यह आपके निर्भरता के पेड़ के बारे में क्या सोचता है, और jQueryलिपियाँ शीर्ष पर खिसकी हुई लगती हैं। आपको एक ऐसी वस्तु बनाने की आवश्यकता है जो कार्यान्वित हो IBundleOrder:

class NonOrderingBundleOrderer : IBundleOrderer
{
    public IEnumerable<FileInfo> OrderFiles(BundleContext context, IEnumerable<FileInfo> files)
    {
        return files;
    }
}

यह डिफॉल्ट ऑर्डर को रोकता है। अब इसका उपयोग करने के लिए:

var bundle = new ScriptBundle("~/bundles/globalization")
    .Include("~/Scripts/globalize/globalize.js")
    .Include("~/Scripts/globalize/cultures/globalize.culture.es-CL.js")
    .Include("~/Scripts/jquery.validate.globalize.js");

bundle.Orderer = new NonOrderingBundleOrderer();

bundles.Add(bundle);

रेफरी: http://stevescodingblog.co.uk/changing-the-ordering-for-single-bundles-in-asp-net-4/

आगे पढ़ने के लिए, माइकस्मिथडेव के प्रश्न का उत्तर लोकप्रिय स्क्रिप्ट पुस्तकालयों के लिए डिफ़ॉल्ट क्रम में और अंतर्दृष्टि प्रदान करता है:

एक बंडल के भीतर फाइल का आदेश - ज्ञात पुस्तकालय क्या हैं?

Question 3

MVC 5 के अंतिम संस्करण में (2014 के 27 अक्टूबर को), यो को इस वर्ग का उपयोग करना चाहिए:

class AsIsBundleOrderer : IBundleOrderer
{
    public IEnumerable<BundleFile> OrderFiles(BundleContext context, IEnumerable<BundleFile> files)
    {
        return files;
    }
}

और दूसरी प्रतिक्रिया की तरह बंडल बनाएं:

var bundle = new ScriptBundle("~/bundles/globalization")
.Include("~/Scripts/globalize/globalize.js")
.Include("~/Scripts/globalize/cultures/globalize.culture.es-CL.js")
.Include("~/Scripts/jquery.validate.globalize.js");

bundle.Orderer = new AsIsBundleOrderer();

bundles.Add(bundle);

Question 4

बंडल बनाने के दौरान कोड को कम करने के लिए , मेरा सुझाव है कि आप एक विस्तार विधि बनाएं।

बुनियादी सुविधाओं के वर्गों की आवश्यकता:

class NonOrderingBundleOrderer : IBundleOrderer
{
    public IEnumerable<BundleFile> OrderFiles(BundleContext context, IEnumerable<BundleFile> files)
    {
        return files;
    }
}


static class BundleExtentions
{
    public static Bundle NonOrdering(this Bundle bundle)
    {
        bundle.Orderer=new NonOrderingBundleOrderer();
        return bundle;
    }
}

अब बस इसे इस तरह उपयोग करें:

सभी एक आदेश में 😎

bundles.Add(new ScriptBundle("~/bundles/jqueryval")
               .NonOrdering()
               .Include(
                    "~/Scripts/globalize/globalize.js",
                    "~/Scripts/globalize/cultures/globalize.culture.es-CL.js",
                    //...
                );