اندازهی قلم متن
تخمین مدت زمان مطالعهی مطلب:
یک دقیقه
چنانچه قبلاً با فایلهای Less کار کرده باشید، متوجه خواهید شد که به صورت پیش فرض و همانند فایلهای .css و .js قابلیت افزوده شدن به Bundle.config را دارا نمیباشند. برای انجام این کار باید مراحلی کوتاه را طی نمایید:
1- به منوی project و بخش Manage NuGet Packages... رفته و dotless را جستجو و نصب نمایید.
2- کلاسی به نام "LessTransForm" ایجاد کنید که از "IBundleTransform" ارث بری کند، کدهای آن را به صورت ذیل تغییر دهید:
3- فولدری برای فایلهای .Less خود ایجاد کنید:
Bundling به اتمام رسید! حال میتوانید از کد ذیل در viewها و یا در Layout خود، همانند فایلهای css و js استفاده کنید:
منبع
1- به منوی project و بخش Manage NuGet Packages... رفته و dotless را جستجو و نصب نمایید.
2- کلاسی به نام "LessTransForm" ایجاد کنید که از "IBundleTransform" ارث بری کند، کدهای آن را به صورت ذیل تغییر دهید:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Optimization; namespace LessBundling { public class LessTransform:IBundleTransform { public void Process(BundleContext context, BundleResponse response) { response.Content = dotless.Core.Less.Parse(response.Content); response.ContentType = "text/css"; } } }
4- به App_Start/BundleConfig.cs رفته و کدهای ذیل در آن اضافه کنید:
var lessBundle = new Bundle("~/Content/Less").IncludeDirectory("~/Content/MyLess", "*.less"); lessBundle.Transforms.Add(new LessTransform()); lessBundle.Transforms.Add(new CssMinify()); bundles.Add(lessBundle);
@Styles.Render("~/Content/Less")
منبع