admin 管理员组

文章数量: 1184232

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到你的项目中;

  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

本文标签: ASPNET MVC配置支持前端 SCSS sass LESS or Coffeescript等中间语言