Cómo minimizar archivos CSS y JSS mediante scripts PowerShell

Los scripts que te proporcionamos en este artículo pueden ayudarte en esas ocasiones en las que debes minimizar tus archivos JS y CSS durante el proceso de generación (por ejemplo, cuando no puedes utilizar la minimización de MVC). Los siguientes scripts se pueden utilizar en esos casos en que es necesario reducir el tamaño de los ficheros JS y CSS de tu sitio web mediante scripts de PowerShell.

Prerrequisitos

Debes instalar antes Microsoft Ajax Minifier en la máquina (o en el servidor TFS) donde se ejecutarán los scripts de PowerShell. Puedes descargar Ajax Minifier desde este enlace.

Minimizar archivos CSS de un directorio

function applyCssMinification($dir)
{
	$Minifier = "${env:ProgramFiles(x86)}MicrosoftMicrosoft Ajax MinifierAjaxMin.exe"
	get-childitem $dir -recurse -force -include *.css -exclude *.min.css | 
		foreach-object {&$Minifier $_.FullName -out $_.FullName -clobber}
}

Minimizar archivos JS de un directorio

function applyJsMinification($dir)
{
	$Minifier = "${env:ProgramFiles(x86)}MicrosoftMicrosoft Ajax MinifierAjaxMin.exe"
	get-childitem $dir -recurse -force -include *.js -exclude *.min.js | 
		foreach-object {&$Minifier $_.FullName -out $_.FullName -clobber}
}

Una vez definidas, llama a estas funciones pasándole como parámetro el directorio de CSS o de JS.

Por ejemplo:

applyCssMinification "$Env:TF_BUILD_SOURCESDIRECTORYWebsiteContentCSS"

applyJsMinification "$Env:TF_BUILD_SOURCESDIRECTORYWebsiteContentScripts"

Fuente: nirman b doshi