Mvc4 bundling, minification e servizi AngularJS

Question

C'è un modo per personalizzare il modo in cui la funzionalità di minimizzazione di Asp.Net MVC4 & minimizza i file js?

Significato, non voglio disattivare completamente il minification, ma "as is" interrompe semplicemente AngularJs.

Da AngularJs utilizza DI CIO e approccio per l'iniezione di servizi nel controller, il seguente:

function MyController($scope) { } 

volta ridotte di, diventa:

function MyController(n) { } 

Normalmente questo non sarebbe un problema, ma AngularJs usa i nomi dei parametri per capire quale servizio iniettare. Quindi $ scope dovrebbe rimanere $ scope, così come qualsiasi altro parametro in controller angolari. Tutto il resto, come le variabili locali, ecc, dovrebbe essere minimizzato normalmente.

Non riesco a trovare alcuna documentazione chiara su come configurare il minification di Mvc4, e sembra piuttosto stupido che sia "tutto o niente" quindi penso che mi manchi qualcosa.

Grazie.

Answer 1

In realtà è possibile (e dovrebbe!) Scrivere il codice AngularJS in modo che sia "minification safe". I dettagli sono descritti nella sezione "Dipendenza Annotazione" di http://docs.angularjs.org/guide/di ma in breve, per i controller definiti a livello globale è possibile scrivere:

MyController.$inject = ['$scope'];

Si prega di notare che i controllori definiti a livello globale sono inquinanti namespace globale (vedi this per maggiori dettagli) e dovrebbe essere evitato. Se si dichiara un controllore su un livello di modulo si può fare minification-safe così:

angular.module('mymodule', []).controller('MyController', ['$scope', function($scope){ 
//controller code goes here 
}]); 

Answer 2

se ancora desidera controllare cosa minify e cosa no (o se si desidera includere una versione già minified da il plugin fornitore) basta dichiarare due fasci, e minify solo uno di loro sul vostro BundleConfig.cs:

var dontMinify = new Bundle("~/bundles/toNotMinify").Include(
         "~/Scripts/xxxxx.js"); 
bundles.Add(dontMinify); 

var minify = new Bundle("~/bundles/toNotMinify").Include(
         "~/Scripts/yyyyyy.js"); 
minify.Transforms.Add(new JsMinify()); 
bundles.Add(minify); 

Answer 3

per quelli di voi che non vogliono/non può essere mandato a quel paese di scrivere la "minimizzazione-safe "sintassi angolare-DI, e non mi interessa che i nomi delle variabili vengano offuscati, ho usato BundleTransfomer insieme al minificatore Yui Js - disponibile tramite nuget:

Install-Package BundleTransformer.Core 
Install-Package BundleTransformer.Yui 

Fornisce un controllo MOLTO a grana fine su minificazione/offuscamento. Nel mondo angolare, basta impostare l'offuscata JavaScript nella sezione yui web.config su false.