Mvc4 regroupement, minification et AngularJS services

Est-il un moyen de personnaliser la façon dont Asp.Net MVC4 regroupement&minification fonction minifies les fichiers js?

Sens, je ne veux pas désactiver complètement minification, mais "comme c'est" c'est juste casse AngularJs.

Depuis AngularJs utilise la DI et de la Coi de l'approche de l'injection de services dans les contrôleurs, les éléments suivants:

function MyController($scope) { }

Une fois compacte, devient:

function MyController(n) { }

Normalement, ce ne serait pas un problème, mais AngularJs utilise les noms de paramètres à comprendre quel service pour l'injection. Donc, $champ d'application devrait demeurer $champ d'application, ainsi que tout autre paramètre angulaire des contrôleurs. Tout le reste, comme les variables locales, etc, doit être minimisé normalement.

Je ne trouve pas de documentation claire sur la façon de configurer Mvc4 minification, et il semble assez stupide pour qu'il soit "tout ou rien" donc je pense que je suis absent quelque chose.

Grâce.

InformationsquelleAutor Matteo Mosca | 2013-02-16
  1. 45

    En fait, vous pouvez (et devez!) écrire AngularJS code de sorte qu'il est "minification sûr". Les détails sont décrits dans la "Dépendance à l'Annotation" section de http://docs.angularjs.org/guide/di mais en bref, pour globalement défini les contrôleurs, vous pouvez écrire:

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

    Veuillez noter que globalement défini les contrôleurs sont polluantes espace de noms global (voir cette pour plus de détails) et doit être évitée. Si vous déclarez un contrôleur sur un module de niveau, vous pouvez le faire minification-fort ainsi:

    angular.module('mymodule', []).controller('MyController', ['$scope', function($scope){
//controller code goes here
}]);
    • Espace de noms Global de la pollution est un autre problème que j'allais à l'adresse bientôt, de sorte qu'il semble que votre solution est la classique "deux oiseaux avec une pierre". Je vous remercie.
    • Merci!!! Cela a fonctionné pour moi 🙂
    InformationsquelleAutor pkozlowski.opensource
  2. 1

    si vous voulez toujours de contrôler les éléments à rapetisser et ce n'est pas (ou si vous souhaitez inclure déjà une version minifiée par le plugin vendeur) il suffit de déclarer deux faisceaux, et seulement rapetisser l'un d'eux sur votre 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);
    • Je pense que tu veux dire l'inverse-que vous avez à supprimer explicitement le minifier les transformer avec dontMinify.Transforms.Clear()
    InformationsquelleAutor amhed
  3. 1

    Pour ceux d'entre vous qui ne veulent pas/ne peuvent pas être coincé à écrire la "minification-safe" angulaires-DI syntaxe, et ne se soucient pas des noms de variables qui est obscurci, j'ai utilisé BundleTransfomer avec Yui Js minifier - disponible via nuget:

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

    Donne à grains TRÈS fins de contrôle sur la minification/obscurcissement. Dans l'angle de monde, il suffit de régler le obfuscateJavascript au sein de l'yui web.section de configuration de faux.

    InformationsquelleAutor Gumzle