同时应用 LessBundle 和 CssRewriteUrlTransform 时解析图像时出错

本文关键字：图像 出错 应用 LessBundle CssRewriteUrlTransform | 更新日期: 2023-09-27 18:34:16

我在MVC应用程序中较少使用引导程序。为了减少捆绑和缩小，我使用 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，并且所有图像 url 都得到了很好的解析。

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

我认为，同时使用 LessBundle 和 CssRewriteUrlTransform 会给出不正确的结果。

请帮助我解决我

的问题以存档我的目的：减少捆绑并解决图像URL。谢谢。

同时应用 LessBundle 和 CssRewriteUrlTransform 时解析图像时出错

我解决了我的问题。下载 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();
        }

解析图像效果很好。

相关文章：