Compressore YUI e app .NET

Voglio utilizzare YUI Compressor (l'originale) e utilizzarlo come parte dei tipici processi di generazione MS (Visual Studio 2008, MSBuild).Compressore YUI e app .NET

Qualcuno ha qualche guida o pensieri su questo? Ad esempio, buoni modi per incorporare nel progetto, cosa fare con i riferimenti CSS e JS esistenti e simili.

Sono felice di sentire i vantaggi di YUI Compressor .NET e delle alternative, ma sono più interessato all'uso dell'originale.

Grazie Scott

fonte

2009-08-18 Scott McKenzie

Ho chiesto una domanda simile qui: http://stackoverflow.com/questions/1295395/minify-merge-javascript-minify-css-on-visual-studio-build – Alex

Io uso sia. Il compressore YUI è a linea di comando e facile da integrare in qualsiasi processo di costruzione. L'ho preso in giro a rastrello senza problemi.

Probabilmente è più comune eseguire la compressione javascript/css sul posto quando si distribuisce. In questo modo non devi aggiornare i riferimenti JS. Ma sto usando un altro metodo sul mio sito. Ho i file compressi creati come *-min.js, ecc Per includere uno script o un file css sulla mia pagina, ho chiamare un metodo lato server:

<%= ScriptSrc("~/assets/myscript.js") %> 
<%= LinkSrc("~/assets/main.css") %>

Questi metodi fanno la seguente:

Expand il percorso relativo all'app
aggiungere una stringa di versione alla fine (per invalidazione della cache)
scegliere tra lo script completo e una versione ridotta a seconda che si sia in modalità di debug o meno.

In modalità di debug, ScriptSrc output potrebbe qualcosa di simile:

 
<script type="text/javascript" src="http://stage.myapp.com/assets/myscript.js?v=1.2" ></script>

ma in produzione sarebbe caricare la versione minified:

 
<script type="text/javascript" src="http://stage.myapp.com/assets/myscript-min.js?v=1.2" ></script>

Uno dei vantaggi di questo è che io è possibile passare dalla versione completa a quella ridotta semplicemente cambiando lo web.config, che può facilitare il debug.

fonte

2009-08-18 23:14:32

Poiché il compressore YUI è semplicemente uno strumento da riga di comando, è possibile chiamarlo come parte di un'azione Pre o Post Build. (Se approfondisci abbastanza in MSBuild, puoi lasciarlo girare solo quando i file sono cambiati, velocizzando le tue build regolari, VS è piuttosto clemente quando si tratta di azioni personalizzate di MSBuild nel file di progetto.)

utilizzare la risposta di Gabe come linea guida su come sviluppare utilizzando tale impostazione; potresti anche durante il Render di, ad esempio, una pagina principale traduci tutti gli URL non miniati nel tuo <head> con URL min. (un po 'complicato, poiché i tag <script> verranno visualizzati nel mezzo della proprietà Text di LiteralControl s).

fonte

2009-08-25 00:08:12 Ruben

Si prega di fare riferimento a questo articolo: How to use Visual Studio's Post-build Event with YUI Compressor for .NET

fonte

2009-08-28 09:37:25

Ho usato direttive del compilatore per il mio script comprende-per esempio (nella pagina master);

... 
    <% #if RELEASE %> 
    <script src="Scripts/combined.min.js" type="text/javascript"></script> 
    <% #else %> 
    <script src="Scripts/myscript1.js" type="text/javascript"></script> 
    <script src="Scripts/myscript2.js" type="text/javascript"></script> 
    <% #endif %> 
</body> 
</html>

Quindi nel processo di costruzione i miei vari.i file js sono combinati tutti in un file conbined.min.js.

fonte

2011-07-15 14:50:48 Shawson

risposta

Problemi correlati