ASP.NET MVC配置支持前端 SCSS, Sass, LESS or Coffeescript等中间语言
这里以在MVC4项目中添加.less文件解析支持为例
-
在解决方案中自定义一个文件夹来存放你的LESS文件,比如Content\Less;
-
使用Nuget包管理器添加.less文件支持控件dotless到你的项目中;
-
添加一个类实现***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"; } }
-
使用上面创建的转换类以及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);
-
在所需要引用less文件的视图添加引用
@Styles.Render("~/My/Less");