SquishIt is not an independent package, it has dependencies which is doing all the work of minifying and compressing CSS and JS files behind the scenes.
After the package is installed successfully, time to squish the files. Open the web page or the master page where you are loading CSS and JS files (in my case it is site.master) and add a reference to the SquishIt assembly on the top of that page.
<%@ Import Namespace="SquishIt.Framework" %>
To bundle CSS:
When you run the application and check the network call stack in your browser, you'll find that the files are not combined. The page is still loading 4 files!? To overcome this set the debug mode to false in the web.config file.
<compilation debug="false" targetFramework="4.0" />
Now if you look in the network call stack, you will find the files have been squished and minimised and compressed!!
And here are my saving statistics:
Four requests in total!!
The Squish effect:
Two requests in total. Check out the file size and content being loaded.
The same can be done in MVC with this NuGet package.