YUICompressor Forum Rss Feed

New Post: Ordering javascript imports

freeranger — Tue, 23 Apr 2013 14:25:03 GMT

Lol, I didn't spot that either :) Glad you're up and running now anyway...

New Post: Ordering javascript imports

davidconlin — Tue, 23 Apr 2013 14:22:41 GMT

It's only the wildcard search that is ordered alphabetically, msbuild actually guarantees the order is maintained, see here: http://stackoverflow.com/questions/1219859/do-items-in-msbuild-file-maintain-their-order-when-passed-to-a-task .

The reason my code wasn't working was just because I had the $ and the ( the wrong way round, so file1.js and file2.js were being read in in the directory search, rather than being added at the start.

This version:

 <JavaScriptFiles Include="$(WebProjectOutputDir)/Scripts/file1.js"/>
 <JavaScriptFiles Include="$(WebProjectOutputDir)/Scripts/file2.js"/>

      <JavaScriptFiles Include="$(WebProjectOutputDir)\Scripts\*.js" 
      Exclude="@(JavascriptFiles)"/>
    </ItemGroup>

will do what I wanted.

New Post: Ordering javascript imports

freeranger — Tue, 23 Apr 2013 12:24:33 GMT

Hi,

You are falling foul of msbuild - it always orders them alphabetically.
One of the answers here http://stackoverflow.com/questions/7050552/msbuild-item-order-when-using-wildcards links to a custom msbuild task that may help

Other options are:

name your files such that the ones you want first appear first in the alphabet
Compress each file you want first individually and then lump all the others together - you end up with a few more round trips than you'd like but you still get the benefit of compression.
Alter the scripts such that load order isn't important - it seems to me a bit brittle

Sorry there's no one easy answer to this one, but blame MSBuild for it :)

New Post: Ordering javascript imports

davidconlin — Tue, 23 Apr 2013 12:08:38 GMT

Hi -

I'm trying to get the compressor set up for my project. We have what can only be described as a buttload of our own and library javascript files which I'd like to concatenate and minify at build time.

The problem I'm having is working out how the order of concatenation is controlled: I need to import my libraries in the correct order so that each file's dependencies are satisfied when its loaded and executed.

Ideally what I'd like is something that looked a bit like:

import file #1
import file #2
...
import all other files in scripts directory in any order.

but if I have to list all the files, that'd be ok.

I've tried

    <JavaScriptFiles Include="($WebProjectOutputDir)/Scripts/file1.js;
($WebProjectOutputDir)/Scripts/file2.js;"/>

      <JavaScriptFiles Include="$(WebProjectOutputDir)\Scripts\*.js" 
      Exclude="@(JavascriptFiles)"/>
    </ItemGroup>

but it doesn't look like my intended ordering is respected.

Is there a way to do what I want to do?

New Post: Advice for integrating YUI .NET into a ASP.NET Web App

freeranger — Tue, 09 Apr 2013 07:10:47 GMT

Hi Andy,

Agree with PK on 1 & 2.
As well as the msbuild video, if you go to the Source Code tab and navigate to Documentation/Post-build Events WebSite Example, this is an MVC project which uses msbuild and compresses your files when in Release mode. If you download and run the project, one of the pages on the site will discuss it in some detail.

re: Embedded resources - I thought about this before, replacing the resources post-build with minified versions, but you can't rewrite them in the assembly, so I abandoned that idea. Recently however, I have come up with another idea....though it is untested as yet so may need a tweak:

Lets say you have a file called myjs.js which is currently an embedded resource. Do the following:

Change it's build action to None
Create a copy of it called myjs.min.js and set the build action on that to be Embedded Resource
Whereever you would have referred to myjs.js, you need to replace with references to myjs.min.js
Create a pre build event (similar to the post build events example I mentioned earlier) which will, in Debug mode, just copy myjs.js as myjs.min.js (to ensure you always have the latest version) but in Release mode will minify myjs.js to myjs.min.js

The end result should be your embedded minified (or no minified) resource file.

hth!

New Post: Advice for integrating YUI .NET into a ASP.NET Web App

awood20 — Tue, 09 Apr 2013 07:08:49 GMT

Hi GL,

Thanks for the reply. I had previously watched all your short clips (very informative) but just wanted to be sure that it was possible to integrate with Web forms.
I think I will seperate the CSS/JS with regards to the embedded resources as the DLLs are not used outside of the web app and so the need for embedding is removed.

Thanks!

Andy

New Post: Advice for integrating YUI .NET into a ASP.NET Web App

purekrome — Tue, 09 Apr 2013 02:23:36 GMT

Hi Andy,

it's been years since I've touched WebForms (all MVC myself). I believe it can be used in a Web forms app because there's no MVC specific stuff at all.

1) and 2)

I've made a a video about to use MSBuild to leverage the compressor. Yes, the video is using an MVC project but that's irrelevant because it's using NOTHING MVC-special. U can copy the entire video and substitute the 1 sec in it where i do FILE=>NEW=>MVC with FILE=>NEW=>WebForms.

all the rest is the same.

3) Embedded resources .. hmm. never thought of that. If you're going to embedd the css/js, you can always manually minify the content and then just stick that result into the web resource? It's a PITA but a possible solution. Other than that, i would keep that content separate as u suggested.

GL!

New Post: Advice for integrating YUI .NET into a ASP.NET Web App

awood20 — Mon, 08 Apr 2013 19:29:51 GMT

Hi,

I am considering using this library within a .NET 4.0 ASP.NET Web forms App. None of the sample videos cover this specifically. So I've a few questions on this...

Can this package actually be integrated into a Web Forms web app instead of MVC App?
Are there any resources that can show me how to do this via either MsBuild or some other manner?
Apart from css/js within the web app I have server-side webcontrols that have css/js included with them as webResource files. I am considering removing the embedded resources and moving the css/js into the web app so that they would be processed by YUI. Would you consider this a good idea or is there a way for YUI .NET to handle the embedded resouces?

Thanks

Andy

New Post: Getting errors when trying to build

pankajsaha — Mon, 18 Feb 2013 11:27:32 GMT

I got the solution. Previously I have added the old versions and added only new version of Yahoo.Yui.Compressor.Build.MsBuild.dll. I have removed all the old version files and again added new versions and it is working fine. The files are added here are

EcmaScript.NET.dll
Iesi.Collections.dll
NAnt.Core.dll
Yahoo.Yui.Compressor.Build.MsBuild.dll
Yahoo.Yui.Compressor.dll

Thanks all :)

New Post: Getting errors when trying to build

purekrome — Mon, 18 Feb 2013 09:26:48 GMT

Hi pankajsaha,

I have a few questions - please answer them.

The -exact- full path of where the xml file is located.
The -exact- full path of where Yahoo.Yui.Compressor.Build.MsBuild.dll. is located
The -exact- full path of the core Yahoo.Yui.Compressor dll
The -exact- full path of where you are 'running' msbuild against that xml file.

cheers!

New Post: Getting errors when trying to build

pankajsaha — Mon, 18 Feb 2013 09:16:08 GMT

Thanks for the reply. I have changed the xml file in the below format

<?xml version="1.0" encoding="utf-8"?>
<Project xmlns="http://schemas.microsoft.com/developer/MsBuild/2003">

  <UsingTask TaskName="CssCompressorTask" AssemblyFile="..\bin\Yahoo.Yui.Compressor.Build.MsBuild.dll" />
  <UsingTask TaskName="JavaScriptCompressorTask" AssemblyFile="..\bin\Yahoo.Yui.Compressor.Build.MsBuild.dll" />


  <PropertyGroup>
    <CSSOutputFile Condition=" '$(CSSOutputFile)'=='' ">..\Min\site.min.css</CSSOutputFile>

    <JavascriptOutputFile Condition=" '$(JavascriptOutputFile)'=='' ">..\Min\jquery.min.js</JavascriptOutputFile>
    
  </PropertyGroup>

  <Target Name="Minify">
  
    <ItemGroup>
   
      <CssFiles Include="..\Content\Site.css"/>
     
      <JavaScriptFiles Include="..\Scripts\jquery-1.6.2.js"/>
    </ItemGroup>

    <CssCompressorTask
          SourceFiles="@(CssFiles)"
          DeleteSourceFiles="false"
          OutputFile="$(CSSOutputFile)"
          CompressionType="Standard"
          LoggingType="Info"
          PreserveComments="false"
          LineBreakPosition="-1"
       />

  
 

    <JavaScriptCompressorTask
        SourceFiles="@(JavaScriptFiles)"
        DeleteSourceFiles="false"
        OutputFile="$(JavascriptOutputFile)"
        CompressionType="Standard"
        ObfuscateJavaScript="True"
        PreserveAllSemicolons="False"
        DisableOptimizations="No"
        EncodingType="Default"
        LineBreakPosition="-1"
        LoggingType="Info"
        ThreadCulture="en-au"
        IsEvalIgnored="false"
            />

 
  </Target>
</Project>

But it is showing the below error

The "JavaScriptCompressorTask" task could not be loaded from the assembly D:\Projects\YUI..\bin\Yahoo.Yui.Compressor.Build.MsBuild.dll. Could not load file or assembly 'Yahoo.Yui.Compressor, Version=2.2.0.0, Culture=neutral, PublicKeyToken=null' or one of its dependencies. The system cannot find the file specified. Confirm that the <UsingTask> declaration is correct, that the assembly and all its dependencies are available, and that the task contains a public class that implements Microsoft.Build.Framework.ITask. D:\Projects\YUI\myfile.xml

New Post: Getting errors when trying to build

freeranger — Fri, 15 Feb 2013 12:26:08 GMT

Hello,

It looks like you are trying to use the lastest code with an old version of an msbuild file.
Since 2.x, the compressor task has been broken out into separate css and javascript compressors - see the documentation pages or download samples for examples of how to use msbuild in 2.x versions of YUICompressor.Net

thanks

New Post: Getting errors when trying to build

pankajsaha — Fri, 15 Feb 2013 12:06:10 GMT

I have installed the latest YUICompressor.NET and YUICompressor.NET.MSBuild and installed through the http://yuicompressor.codeplex.com/ and the xml file file is

  <?xml version="1.0" encoding="utf-8" ?>
<Project xmlns="http://schemas.microsoft.com/developer/MsBuild/2003">
  <UsingTask
      TaskName="CompressorTask"
      AssemblyFile="..\..\lib\yui\Yahoo.Yui.Compressor.Build.MsBuild.dll" />


  <PropertyGroup>
    <JavaScriptOutputFile Condition=" '$(JavaScriptOutputFile)'=='' ">..\scripts-min\myfile.min.js</JavaScriptOutputFile>
  </PropertyGroup>


  <Target Name="MyTaskTarget">

    <ItemGroup>


<JavaScriptFiles Include="$(SourceLocation)..\scripts\myfile.js"/>



</ItemGroup>
<CompressorTask
    CssFiles="@(CssFiles)"
    DeleteCssFiles="false"
    CssOutputFile="$(CssOutputFile)"
    CssCompressionType="YuiStockCompression"
    JavaScriptFiles="@(JavaScriptFiles)"
    ObfuscateJavaScript="True"
    PreserveAllSemicolons="False"
    DisableOptimizations="Nope"
    EncodingType="Default"
    DeleteJavaScriptFiles="false"
    LineBreakPosition="-1"
    JavaScriptOutputFile="$(JavaScriptOutputFile)"
    LoggingType="ALittleBit"
    ThreadCulture="en-au"

            />
</Target>

</Project>

but it is still showing the error

Error 18 The "CompressorTask" task could not be loaded from the assembly D:\Projects\YUI....\lib\yui\Yahoo.Yui.Compressor.Build.MsBuild.dll. Could not load file or assembly 'Yahoo.Yui.Compressor, Version=2.2.0.0, Culture=neutral, PublicKeyToken=null'or one of its dependencies. The system cannot find the file specified. Confirm that the <UsingTask> declaration is correct, that the assembly and all its dependencies are available, and that the task contains a public class that implements Microsoft.Build.Framework.ITask.

New Post: Problem Instantiating JavaScriptCompressor()

Abizart — Mon, 31 Dec 2012 13:35:17 GMT

removed

New Post: Problem Instantiating JavaScriptCompressor()

bperniciaro — Fri, 28 Dec 2012 13:34:04 GMT

Used it yesterday to grab the latest version of the Ajax Control Toolkit and plan to do the same for YUICompressor.NET. Thanks for the info.

New Post: Command line tool to minimize js and css

jalalx — Fri, 28 Dec 2012 09:46:38 GMT

@freeranger @purekrome

Youtube is banned in my country, because of that I never noticed about your video tutorials. Finally, I downloaded these videos by some tricks.

Thank you!

New Post: Problem Instantiating JavaScriptCompressor()

purekrome — Fri, 28 Dec 2012 06:02:34 GMT

Ah gotcha. You should seriously research what Nuget is and learn to use that in all your Visual Studio solutions/projects. It's one of the best features that has come out, in recent years.

It can also auto notify you when libraries you are using (like YUICompressor.NET) get upgraded :)

New Post: Command line tool to minimize js and css

purekrome — Fri, 28 Dec 2012 05:51:39 GMT

Also Jalax, here's a video that shows you how you can do this stuff with the command line: http://www.youtube.com/watch?v=sFFZ0nQog8U

Don't forget, you can use powershell or even a simple .bat (batch) file to list multiple commands at once.

it's all there :)

New Post: Command line tool to minimize js and css

freeranger — Thu, 27 Dec 2012 20:55:19 GMT

That's what the msbuild and nant tasks we created are for!

Or of course roll your own little command line tool to use our assemblies...

On 27 Dec 2012, at 20:32, jalalx <notifications@codeplex.com> wrote:

From: jalalx

Hi,

Thank you for this awesome tool. It works great but sometimes we need a small command line tool to just push js or css files and get minimized version of them without opening any IDE. If you add this feature, it will be more lovely.

Thank you again.

New Post: Command line tool to minimize js and css

jalalx — Thu, 27 Dec 2012 20:32:45 GMT

Hi,

Thank you for this awesome tool. It works great but sometimes we need a small command line tool to just push js or css files and get minimized version of them without opening any IDE. If you add this feature, it will be more lovely.

Thank you again.