Question

我正在使用DotLess和LessTransformer.cs我在网上找到了，在我的MVC 4项目中。

using System;
using System.IO;
using System.Text;
using System.Text.RegularExpressions;
using System.Web.Optimization;
using MyNamespace.Infrastructure.Bundler;
using dotless.Core.configuration;

namespace MyNameSpace.Infrastructure.Transformers.Less
{
    public class LessTransform : IBundleTransform
    {
        private readonly DotlessConfiguration _configuration;

        public LessTransform(DotlessConfiguration configuration)
        {
            _configuration = configuration;
        }

        public LessTransform()
            : this(DotlessConfiguration.GetDefaultWeb())
        { }

        public void Process(BundleContext context, BundleResponse response)
        {
            var builder = new StringBuilder();

            _configuration.MinifyOutput         = false;
            _configuration.ImportAllFilesAsLess = true;
            _configuration.CacheEnabled         = false;
            _configuration.LessSource           = typeof(VirtualFileReader);

            foreach (var file in response.Files)
            {
                if (!File.Exists(file.FullName))
                {
                    continue;
                }

                var content = ResolveImports(file);

                builder.AppendLine((_configuration.Web) ?
                                    dotless.Core.LessWeb.Parse(content, _configuration)
                                    : dotless.Core.Less.Parse(content, _configuration));
            }

            response.ContentType = "text/css";
            response.Content = builder.ToString();
        }

        private static readonly Regex SLessImportRegex =
            new Regex("@import [\"|'](.+)[\"|'];", RegexOptions.Compiled);

        private static string ResolveImports(FileInfo file)
        {
            var content = File.ReadAllText(file.FullName, Encoding.UTF8);

            return SLessImportRegex.Replace(
                content,
                match =>
                {
                    var import = match.Groups[1].Value;

                    // Is absolute path?
                    Uri uri;
                    if (Uri.TryCreate(import, UriKind.Absolute, out uri))
                    {
                        return match.Value;
                    }

                    var path = Path.Combine(file.Directory.FullName, import);

                    if (!File.Exists(path))
                    {
                        throw new ApplicationException(string.Concat("Unable to resolve import ", import));
                    }
                    return match.Value.Replace(import, path);
                });
        }
    }
}

我已经加入了这个

_configuration.MinifyOutput         = false;
_configuration.ImportAllFilesAsLess = true;
_configuration.CacheEnabled         = false;
_configuration.LessSource           = typeof(VirtualFileReader);



using System.IO;
using System.Web.Hosting;
using dotless.Core.Input;

namespace MyNamespace.Infrastructure.Bundler
{
    internal sealed class VirtualFileReader : IFileReader
    {
        public byte[] GetBinaryFileContents(string fileName)
        {
            fileName = GetFullPath(fileName);
            return File.ReadAllBytes(fileName);
        }

        public string GetFileContents(string fileName)
        {
            fileName = GetFullPath(fileName);
            return File.ReadAllText(fileName);
        }

        public bool DoesFileExist(string fileName)
        {
            fileName = GetFullPath(fileName);
            return File.Exists(fileName);
        }

        private static string GetFullPath(string path)
        {
            return HostingEnvironment.MapPath("\\Content\\css\\" + path);
        }
    }
}

我有一个较少的文件

@import url('LESS\Site.less');
@import url('LESS\Site.Main.less');

body {
    #featured-posts {
        clear:both;
    }
}

@media all and (max-width:320px) {
   @import url('LESS\Site.Mobile.less');
}

（我已经尝试了各种导入路径和/ w和/ wo函数表示法url（）

这是我的BundleConfig中的所有内容

    Bundle siteStyles = new      StyleBundle("~/bundles/css").Include("~/Content/css/Main.less");
    siteStyles.Transforms.Add(new LessTransform());
    siteStyles.Transforms.Add(new CssMinify());
    bundles.Add(siteStyles);

在我添加VirtualFileReader之前我收到了错误： -

C：/SourceControl/Git/MyNameSpace/MyNameSpace/Content/css/LESS/Site.less'是物理路径，但预计会有虚拟路径。

因为我添加了它，我在dotless.Core.LessWeb.Parse（content，_configuration）上得到的值只是null

它总是在这条线上爆炸，因为我已经有点枪手实施这些不那么多的东西而且没有点，因为我之前没有使用过，但我似乎找不到任何好的可靠的文档/教程在上面。所以，如果你能帮助我解决我的错误，那将是非常好的，并指出我对这个主题的一些好的教程的方向，我将非常感激。

[EDIT]添加有关较少文件和文件结构的详细信息。

My File structure is 

Content/css/Main.less
Content/css/LESS/Site.less
Content/css/LESS/Mobile.less

...等 TIA。

P.S。不要担心MyNamespace / MyNamespace的东西，为了清楚起见，我只是缩短了一切。

Answer 1

我不明白为什么要使用自定义变压器。

LESS规范说如果使用以下语法，文件将自动捆绑：

@import "LESS/Site";

它非常适合我，我不需要任何自定义变换器，只需要标准的无点包。要启用缩小功能，您需要在web.config中使用此设置：

<dotless minifyCss="true" cache="true" web="true" />

我有大约30个组件和子组件的导入，输出是一个缩小的文件。

我建议您不要使用样式包，而是直接指向较少的文件：

<link href="~/Content/css/main.less" rel="stylesheet" />

无点的http处理程序将启动，将less转换为css并将其缓存以用于后续请求

Site.less'是物理路径，但预计会有虚拟路径

1 个答案: