ASP.NET MVC配置支持前端 SCSS, Sass, LESS or Coffeescript等中间语言

ASP.NET MVC配置支持前端 SCSS, Sass, LESS or Coffeescript等中间语言

这里以在MVC4项目中添加.less文件解析支持为例

  1. 在解决方案中自定义一个文件夹来存放你的LESS文件,比如Content\Less;

  2. 使用Nuget包管理器添加.less文件支持控件dotless到你的项目中;
    使用Nuget包管理器添加.less文件支持控件

  3. 添加一个类实现***IBundleTransform***接口,并指定转换类型

    	using System.Web.Optimization;
    	
    	public class LessTransform : IBundleTransform
    	{
    	    public void Process(BundleContext context, BundleResponse response)
    	    {
    	        response.Content = dotless.Core.Less.Parse(response.Content);
    	        response.ContentType = "text/css";
    	    }
    	}
    
  4. 使用上面创建的转换类以及CssMinify转换类来创建.less文件的Bundle类实例

    	var lessBundle = new Bundle("~/My/Less").IncludeDirectory("~/My", "*.less");
    	lessBundle.Transforms.Add(new LessTransform());
    	lessBundle.Transforms.Add(new CssMinify());
    	bundles.Add(lessBundle);
    
  5. 在所需要引用less文件的视图添加引用

    	@Styles.Render("~/My/Less");
    

1.微软官方文档Bundling and Minification

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值