JS & CSS minify & combine using Xpedite

Question

I found a library called Xpedite. the URL of the project is http://xpedite.codeplex.com. From here anyone can download the project with a sample. I checked this library and it is good.

The user only needs to wrap up the js file name with page like this:

<xpedite:CompositeResourcePlaceholder runat="server" />

<xpedite:CompositeResource runat="server" Type="Css" ReferenceName="jquery-ui">
  <xpedite:Resource Url="/Styles/Site.css" />
  <xpedite:Resource Url="/Styles/jquery.ui.accordion.css" />
  <xpedite:Resource Url="/Styles/jquery.ui.all.css" />
</xpedite:CompositeResource>

<xpedite:CompositeResource runat="server" Type="JavaScript" ReferenceName="jquery-ui">
  <xpedite:Resource Url="/Scripts/jquery-1.4.2.js" />
  <xpedite:Resource Url="/Scripts/jquery.ui.core.js" />
  <xpedite:Resource Url="/Scripts/jquery.ui.tabs.js" />
</xpedite:CompositeResource>

Everything is working fine but I always have to define JS & CSS file in .aspx page level. Maybe sometimes I would like to add my JS & CSS from code-behind. I found no way to do it, so if anyone know it then please share the knowledge with me or download the project and check...I checked it but found nothing.

I am not an advanced developer but I need to wrap up the JS file in CompositeResource from code behind.

Matt Wrock · Accepted Answer · 2011-12-05 15:32:06Z

3

You might give the RequestReduce library a try. This library offers the same functionality as Xpedite and will minify and combine your css and javascript files. It can also sprite your css background images. With RequestReduce, it does not matter if your resources are defined on the aspx or the codebehind. Either way, as long as html that is streamed to the browser contains link and script tags with the javascript and css files, RequestReduce will process them.

edited Dec 5, 2011 at 15:32

answered Dec 5, 2011 at 14:46

Matt Wrock

6,64032 silver badges23 bronze badges

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

Comments

danwellman · Accepted Answer · 2011-12-05 12:59:41Z

2

Have you tried using .Net's ClientDependencyFramework instead? It does a similar job I believe, but also lets you register files from code-behind

answered Dec 5, 2011 at 12:59

danwellman

9,4018 gold badges65 silver badges92 bronze badges

Comments

Chris Baxter · Accepted Answer · 2011-12-20 22:27:45Z

Adding answer for informational purposes:

To register a composite resource from the CodeBehind, you can add a new instance of the CompositeResource control in the Page_Init as follows:

CodeBehind

protected void Page_Init(Object sender, EventArgs e)
{
  var resource = new CompositeResource { Type = ResourceType.Css, ReferenceName = "CodeBehind"};

  resource.Resources.Add(new Resource { Url = "/Styles/Site.css"});
  resource.Resources.Add(new Resource { Url = "/Styles/jquery.ui.accordion.css"});

  Page.Controls.Add(resource);
}

Alternatively, you may choose to extend an existing CompositeResource if that resource has been given an ID:

ASPX

<xpedite:CompositeResource runat="server" Type="Css" ReferenceName="jquery-ui" ID="MyCompositeResource">

CodeBehind

protected void Page_Init(Object sender, EventArgs e)
{
  MyCompositeResource.Resources.Add(new Resource { Url = "/Styles/jquery.ui.theme.css" });
}

If you are dynamically generating CSS/JavaScript on the fly and trying to included it in a composite resource, that feature is currently not supported. Adding support for an 'EmeddedResource' would be relatively easy though if an issue is opened on the CodePlex project (although I plan on moving it to GitHub in the near future).

Collectives™ on Stack Overflow

JS & CSS minify & combine using Xpedite

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related