How to Transform Styles Urls to CDN Urls in ASP.NET Bundling and Minification

Some of my styles use url(../img/sprites/main_sprite.png) to local resources in development and stage. However in production I use CDN and all my static resources are on it. Is it possible to transform bundles so that all urls in .css are replaced with cdn path?

For Example:

.Logo {
background-image: url(../img/sprites/main_sprite.png);  
}
However, in production I would like it to be
.Logo {
background-image: url(http://MyCdn.com/img/sprites/main_sprite.png);    
}
I already use CssRewriteUrlTransform() to rewrite my relative paths to absolute, so the resources can be found after they bundled.
I was thinking to extend the class as something like this
public string Process(string includedVirtualPath, string input)
{ 
    if (_useCdn)
        {
             return  new CssRewriteUrlTransform().Process(_cdn + VirtualPathUtility.ToAbsolute(includedVirtualPath), input);                           
        }
        else
        {
             return  new CssRewriteUrlTransform().Process("~" + VirtualPathUtility.ToAbsolute(includedVirtualPath), input);
        }
 
    }

However, Process must have VirtualPath, otherwise it throws an exception when I append CDN path.

Is there an equivalent of this class to rewrite URLS with CDN in it?

/// <summary>
/// Finds and Replaces Urls with CDN links.
/// </summary>
public class CDNStylesTransformer : IItemTransform
{
    private bool _useCdn;
    private string _cdnBaseUrl;
    public CDNStylesTransformer(bool UseCDN, string CdnBaseUrl)
    {
        _useCdn = UseCDN;
        if(CdnBaseUrl ==null || CdnBaseUrl.Equals(string.Empty))
        {
            throw new ArgumentNullException("CdnBaseUrl");
        }
        _cdnBaseUrl = CdnBaseUrl;

    }

    internal static string RebaseUrlToCDNUrl(string cdnUrl, string url)
    {
      // Don't do anything to invalid urls or absolute urls
        if (String.IsNullOrWhiteSpace(url)||
            String.IsNullOrWhiteSpace(url)||
            url.StartsWith("data:")||
               !VirtualPathUtility.IsAbsolute(url))
        {
            return url;
        }

        return cdnUrl +url;
    }

    internal static string ConvertUrlsToCDNUrl(string cdnUrl, string content)
    {
        if (String.IsNullOrWhiteSpace(content))
        {
            return content;
        }
        // Replace all urls with CDN urls
        Regex url = new Regex(@"url\(['""]?(?<url>[^)]+?)['""]?\)");
        return url.Replace(content,((match) =>
        {
            return "url("+ RebaseUrlToCDNUrl(cdnUrl, match.Groups["url"].Value) + ")";
       }));
    }

    public string Process(string includedVirtualPath, string input)
    {
        if (_useCdn)
        {

            return ConvertUrlsToCDNUrl(_cdnBaseUrl,input);
        }
        else
        {
            return input; //do nothing

        }
    }
}

string cdnPath ="http://MyCdn.com";
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
"~/Content/themes/base/style1.css", new CDNStylesTransformer(bundles.UseCdn,cdnPath)
));

forum

How to Transform Styles Urls to CDN Urls in ASP.NET Bundling and Minification

Can you answer this question?

1 Answers