我正在我的MVC 4项目中使用DotLess和我在网上找到的LessTransformer.cs。
我后来添加了这个。
我有一个Less文件。
(我已经尝试了各种路径来导入和/w和/wo函数符号url()
在我添加VirtualFileReader之前,我遇到了错误:-
'C:/SourceControl/Git/MyNameSpace/MyNameSpace/Content/css/LESS/Site.less'是物理路径,但预期的是虚拟路径。
自从我添加了它后,我得到了简单的值为空。它总是在这一行崩溃,我已经有些急于实现这个less东西和dotless,因为我以前没有使用过它们,但是我似乎找不到任何好的、坚实的文档/教程。所以如果你能帮我解决我的错误,并指引我一些关于此主题的好的教程,我将非常感激。
[编辑] 添加有关less文件和文件结构的详细信息。
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);
}
}
}
我有一个Less文件。
@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'是物理路径,但预期的是虚拟路径。
自从我添加了它后,我得到了简单的值为空。它总是在这一行崩溃,我已经有些急于实现这个less东西和dotless,因为我以前没有使用过它们,但是我似乎找不到任何好的、坚实的文档/教程。所以如果你能帮我解决我的错误,并指引我一些关于此主题的好的教程,我将非常感激。
[编辑] 添加有关less文件和文件结构的详细信息。
My File structure is
Content/css/Main.less
Content/css/LESS/Site.less
Content/css/LESS/Mobile.less
等等...
附言:不用担心MyNamespace/MyNamespace的问题,我只是为了清晰起见缩短了它们。
StyleBundle("~/bundles/css")
更改为StyleBundle("~/Content/css/css")
。 - MikeSmithDev@imports
。理论上,BundleTransform 为我们执行“捆绑”操作。 - mxmissile