• 0

ما هو استخدام ملف BundleConfig.cs في ملفات موقع ASP.Net MVC؟

هل من شرح عن ملف BundleConfig.cs الموجود في مجلد App_Start ضمن ملفات موقع ASP.Net MVC وما التعليمات التي يجب وضعها فيه؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

يُستخدم ملف  BundleConfig.cs في ASP.Net MVC لتحديد مسار ملفات الننسيق CSS وملفات السكربت Scripts التي ستستخدمها في الموقع الخاص بك. (يوجد ملف BundleConfig.cs ضمن مجلد App_Start).

مثلًا في المجلد Content الخاص باحتواء ملفات التنسيق والسكربت ستجد مجموعة من ملفات التنسيق Style Sheet مثل:

bootstrap.css
Site.css

BundleConfig.thumb.png.228af58050c44e156

يتم تحديد مسار هذه الملفات ضمن الملف BundleConfig.cs عن طريق الدالة ()bundles.Add. يمكنك إنشاء ملفات تنسيق جديدة أو إضافة ملفات جاهزة في المجلد Content ومن ثم تحديد مسارها عن طريق الدالة ()bundles.Add كما في المثال التالي:

  bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/site.css"));

كذلك تحديد مسار ملفات السكربت التي ستستخدمها بالموقع الخاص بك:

 public class BundleConfig
    {
        // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

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

            // Use the development version of Modernizr to develop with and learn from. Then, when you're
            // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/respond.js"));

            bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/site.css"));
        }
    }

 

تمّ تعديل بواسطة Lujain

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن