Bundle Transformer for LESS和@import的使用

Question

我在使用Bundle Transformer的版本1.7.27:LESS包:http://www.nuget.org/packages/BundleTransformer.Less/1.7.27

然后我尝试在MVC4项目的BundleConfig.cs文件中执行以下操作App_Start.

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new StyleBundle("~/Content/fontawesome")
        .Include("~/Content/less/fontawesome/font-awesome.less"));
    BundleTable.EnableOptimizations = true;
}

默认情况下,Font Awesome less软件包在font-awesome.less文件中包含这些@imports

@import "variables.less";
@import "mixins.less";
@import "path.less";
@import "core.less";
@import "bootstrap.less";
@import "extras.less";
@import "icons.less";

这些文件与文件位于同一目录中font-awesome.less.

捆绑开始并显示如下:

<link href="/Content/fontawesome?v=D2n9lw_SpgOm7QSYHjToA3En_lqvKQpP2DbfM_CElpc1" rel="stylesheet"/>

但@import文件都返回404未找到的错误,我认为@import在执行捆绑之前,规则将首先从其相对位置处理到原始文件.

我错过了什么吗？

Answer 1

仅仅因为你为bundle变换器抓取Nuget包并不意味着它在使用OOB StyleBundle时会转换......你必须将BundleTransformer类注入到管道中.我实际上在我的博客上写了一系列文章 - .ToString(理论); - 谁可以用LESS CSS要求更多.

正如你可以看到文章的三分之一,我宣布一个新的Bundle并添加CssTransformer它.如果您有任何其他问题,请回发,但该文章涵盖了从MVC4开始到结束的Bundle Transformer的实现