Все, что я использую 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);
}
}
}
У меня есть файл 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');
}
(Я пробовал различные пути для импорта и URL-адреса обозначения функции /w и /wo ()
Что все вытащил в моем 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 — это физический путь, но ожидался виртуальный путь.
так как я добавляю его, я получаю просто значение null для dotless.Core.LessWeb.Parse(content, _configuration)
он всегда взрывается в этой строке, учитывая, что я был немного осторожен в реализации этого меньшего количества вещей и без точек, потому что я не использовал ни того, ни другого раньше, но я не могу найти хорошую надежную документацию/учебники по нему. Поэтому, если бы вы могли помочь мне с моей ошибкой, это было бы здорово, и указать мне направление на несколько хороших руководств по этому вопросу, я был бы очень благодарен.
[EDIT] добавление сведений о меньшем количестве файлов и файловой структуре.
My File structure is
Content/css/Main.less
Content/css/LESS/Site.less
Content/css/LESS/Mobile.less
и т.д... ТИА.
p.s. не беспокойтесь о MyNamespace/MyNamespace, я просто сократил все это для ясности.
StyleBundle("~/bundles/css")
наStyleBundle("~/Content/css/css")
- person MikeSmithDev   schedule 08.04.2013@imports
. - person MikeSmithDev   schedule 08.04.2013@imports
. И в теории BundleTransform сделает это за нас. - person mxmissile   schedule 08.04.2013