Question

我在MVC应用程序中使用的是bootstrap。为了减少捆绑和缩小，我使用LessBundle（https://github.com/scott-xu/System.Web.Optimization.Less）

var bundle = new LessBundle("~/css/home").Include(
            "~/_globalresources/Css/language.less");

LessBundle正在运行，但在解决CSS中的图片网址时遇到问题。所有图片网址都不正确。所以，我在这种情况下应用CssRewriteUrlTransform但是失败了。所有图片网址也不正确。

var bundle = new LessBundle("~/css/home").Include(
            "~/_globalresources/Css/language.less", new CssRewriteUrlTransform());

我尝试使用StyleBundle而不是LessBundle来重新检查CssRewriteUrlTransform，并且所有图片网址都得到了很好的解析。

var bundle = new StyleBundle("~/css/home").Include(
                "~/_globalresources/Css/language.less", new CssRewriteUrlTransform());

我认为，同时使用LessBundle和CssRewriteUrlTransform会产生错误的结果。

请帮我解决我的问题以归档我的目的：捆绑更少＆amp;解析图片网址。感谢。

Answer 1

我解决了我的问题。下载LessTransform并修复如下：

public void Process(BundleContext context, BundleResponse bundle)
        {
            if (context == null)
            {
                throw new ArgumentNullException("context");
            }

            if (bundle == null)
            {
                throw new ArgumentNullException("bundle");
            }

            context.HttpContext.Response.Cache.SetLastModifiedFromFileDependencies();

            var lessParser = new Parser();
            var lessEngine = this.CreateLessEngine(lessParser);

            var content = new StringBuilder(bundle.Content.Length);

            var bundleFiles = new List<BundleFile>();

            foreach (var bundleFile in bundle.Files)
            {
                bundleFiles.Add(bundleFile);
                var filePath = bundleFile.IncludedVirtualPath;
                filePath = filePath.Replace('\\', '/');
                if (filePath.StartsWith("~"))
                {
                    filePath = VirtualPathUtility.ToAbsolute(filePath);
                }

                if (filePath.StartsWith("/"))
                {
                    filePath = HostingEnvironment.MapPath(filePath);
                }

                this.SetCurrentFilePath(lessParser, filePath);
                var source = File.ReadAllText(filePath);
                var transformContent = lessEngine.TransformToCss(source, filePath);
                foreach (var transform in bundleFile.Transforms)
                {
                    transformContent = transform.Process(bundleFile.IncludedVirtualPath, transformContent);
                }

                content.Append(transformContent);
                content.AppendLine();

                bundleFiles.AddRange(this.GetFileDependencies(lessParser, bundleFile.VirtualFile));
            }

            if (BundleTable.EnableOptimizations)
            {
                // include imports in bundle files to register cache dependencies
                bundle.Files = bundleFiles.Distinct();
            }

            bundle.ContentType = "text/css";
            bundle.Content = content.ToString();
        }

解析图像效果很好。

应用LessBundle和amp;时解决图像时出错CssRewriteUrlTransform

1 个答案: