How to use bundle transformer to Minify CSS or JS

Question

I want to use bundle transformer to bundle and minify my css collection , but however i tried it doesn't work

heres my code, please give me some advise, thanks.

        var nullBuilder = new NullBuilder();
        var cssTransformer = new StyleTransformer(new CleanCssMinifier());
        var nullOrderer = new NullOrderer();

        BundleResolver.Current = new CustomBundleResolver();

        var commonStylesBundle = new Bundle("~/bundles/css/site");
        commonStylesBundle.IncludeDirectory("~/Content/sass", "*.css");

        commonStylesBundle.Builder = nullBuilder;
        commonStylesBundle.Transforms.Add(cssTransformer);
        commonStylesBundle.Orderer = nullOrderer;

        bundles.Add(commonStylesBundle);

it always output the html like this:

<link href="/Content/sass/card.css?bundleVirtualPath=%7e%2fbundles%2fcss%2fsite" rel="stylesheet"/>
<link href="/Content/sass/header.css?bundleVirtualPath=%7e%2fbundles%2fcss%2fsite" rel="stylesheet"/>
<link href="/Content/sass/login.css?bundleVirtualPath=%7e%2fbundles%2fcss%2fsite" rel="stylesheet"/>

You running in debug? Make sure BundleTable.EnableOptimizations is set to true. — Brad Christie
– Brad Christie, Commented May 17, 2015 at 21:41

Sanjay Singh · Accepted Answer · 2015-05-18 00:57:55Z

3

you need to set debug mode as false in the config. Or alternatively do the following in code-

BundleTable.EnableOptimizations = true;

answered May 18, 2015 at 0:57

Sanjay Singh

7242 gold badges8 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use bundle transformer to Minify CSS or JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related