bundle کردن فایل های css و js در mvc

سلام شما باید برای این کار یک کلاس تعریف کنید که داخل اون عمل bundle رو انجام بدید بعد داخل اون یک متد تعریف کنید که ورودی آن از نوع BunleCollection باشد. بعد از اون باندل هایی رو که می خواهید اضافه کنید خط به خط بنویسید. دقت کنید که باندل معمولا یا از نوع scirptBundel یا از نوع StyleBundle است. برای مثال کلاس زیر را ببینید.

 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"));
        }

بعد از این کار شما باید داخل فایل global.asax باندل را معرفی کنید و ورودی آن را به شکل زیر قرار دهید.

 BundleConfig.RegisterBundles(BundleTable.Bundles);

حالا هر جا که خواستید که از باندل ها استفاده کنید از کد razor زیر استفاده می کنید.

برای استایل ها و فایل های css

 @Styles.Render("~/Content/css")

برای فایل های js

  @Scripts.Render("~/bundles/bootstrap")