L'utilisation de la ASP.NET MVC4 jquery/javascript faisceaux

quand j'ai créé mon projet avec la norme MVC4 modèle, il y avait BEAUCOUP de javascript inclus, e.g: jquery-voyant, jquery-valider les huitièmes de finale, l'ensemble de jQuery UI.

Comment cela est-il utile de garder et de combien est la jeter? J'ai remarqué lorsque vous créez un typage fort Contrôleur de les créer.cshtml vue généré des appels:

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Exactement ce que fait ce fichier n'? Dois-je le garder? Dois-je de référence de l'ensemble de ces fichiers JS qui ont été initialement définis dans BundleConfig.cs? Ou puis-je pas la peine..?

InformationsquelleAutor Baconbeastnz | 2012-08-14

94

Exactement ce que fait ce fichier n'?

jqueryval n'est pas un fichier, il est une référence à un bundle.

Un bundle dans MVC4 est une collection de scripts, styles ou d'autres fichiers regroupés en un lot unique.

Vous aurez une BundleConfig.cs fichier dans le App_Start dossier qui contient les paramètres de fichier est ajouté à la liasse.
```
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
            "~/Scripts/jquery.unobtrusive*",
            "~/Scripts/jquery.validate*"));
```
Comme vous pouvez le voir ci-dessus ~/bundles/jqueryval est le chemin d'accès virtuel de l'ensemble qui combine les fichiers qui y sont précisées. Donc plus tard, quand vous voyez ceci:
```
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
```
Ci inclura les textes regroupés sous cette référence.

Dois-je le garder? Dois-je de référence de l'ensemble de ces fichiers JS qui ont été
initialement définis dans BundleConfig.cs?

Dans le cas de la jqueryval bundle, vous trouverez peut-être que la discrète et la validation des scripts inclus sont très utiles.

Ils sont les scripts qui vont s'occuper de la gestion discrète de validation, en gardant votre DOM agréable et propre.

Vous pouvez supprimer le bundle bien sûr si vous n'avez pas besoin ou souhaitez utiliser discrète de validation. Si vous faites cela, alors je crois que vous aurez également besoin de mettre à jour votre web.config, définissant les champs nécessaires à la false pour garantir que votre projet ne sera pas à la recherche pour les fichiers, similaire à ceci:
```
<add key="ClientValidationEnabled" value="false" />
<add key="UnobtrusiveJavaScriptEnabled" value="false" />
```
L'intérêt et à l'exacte différence entre l'utilisation encombrant et discret de validation est très bien expliqué dans cet article: Brad Wilson: Discrète Validation du Client dans ASP.NET MVC 3

En général, je suppose que c'est bon pour inclure uniquement ce dont vous avez besoin. Si vous n'avez pas besoin de tous les fichiers spécifiés dans un bundle, supprimez ces fichiers, de les exclure du bundle, tous ensemble, ou créez vos propres bottes.

D'essai et d'erreur. Si vous les enlevez et trouver aléatoire des exceptions dans votre navigateur débogueur console, essayez d'ajouter des fichiers/bundles retour en.

En général, le groupement fonctionne aussi avec les feuilles de style:
```
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
            "~/Content/themes/base/jquery.ui.core.css",
            "~/Content/themes/base/jquery.ui.resizable.css",
            "~/Content/themes/base/jquery.ui.selectable.css",
            "~/Content/themes/base/jquery.ui.accordion.css",
            "~/Content/themes/base/jquery.ui.autocomplete.css",
            "~/Content/themes/base/jquery.ui.button.css",
            "~/Content/themes/base/jquery.ui.dialog.css",
            "~/Content/themes/base/jquery.ui.slider.css",
            "~/Content/themes/base/jquery.ui.tabs.css",
            "~/Content/themes/base/jquery.ui.datepicker.css",
            "~/Content/themes/base/jquery.ui.progressbar.css",
            "~/Content/themes/base/jquery.ui.theme.css"));
```
L'avantage du réalisateur est de n'avoir à faire référence à un individu bundle au lieu de plusieurs fichiers.

L'avantage pour le client est de savoir combien de personne charge le navigateur a à faire pour obtenir les scripts/fichiers css.

Par exemple si vous avez 5 fichiers de références, selon vous, le client, le navigateur va télécharger tous les 5 séparément et il y a une limite dans chaque navigateur combien de fichiers peuvent être téléchargés simultanément. Cela signifie que si un client a une connexion plus lente qu'ils pouvaient attendre quelques secondes avant le chargement des fichiers.

Toutefois, si vous avez 5 fichiers configuré en un lot unique, le navigateur télécharge seulement 1 fichier, le logiciel d'un.

En outre, les faisceaux sont minifiés (ou les fichiers dans les bundles) de sorte que vous ne sont pas seulement d'économiser sur le temps qu'il faut pour télécharger les scripts, mais vous pouvez également économiser sur la taille du téléchargement.

Lorsque vous testez cette, remarque en mode de débogage est pas de différence, vous devez être en mode de diffusion ou de permettre l'optimisation de l'ensemble de la table dans le BundleConfig.cs fichier au bas de la RegisterBundles méthode.
```
BundleTable.EnableOptimizations = true;
```
Vous n'avez pas à utiliser les paquets, vous pouvez librement la personne de référence scripts/fichiers css. Il ne rend les choses plus faciles, mais quand vous en avez besoin.
- Réservoirs pour la réponse, je sais comment utiliser les Fagots ,je ne sais pas si je dois utiliser jqueryval sur la page créer, et jquery unobstrustive e.t.c
- Désolé, j'étais surtout en essayant de répondre à votre question What exactly does this file do? . Concernant si vous devez les utiliser, eh bien, ça dépend si vous en avez besoin. Je voudrais vous recommandons de ne jamais inclure ce que vous avez réellement besoin. Donc, si vous avez seulement besoin de quelques scripts ensuite créer vos propres bottes et de référence dans votre vue. Je l'ai souligné l'avantage de faisceaux donc je vous conseille de les utiliser, soit la pré-définir ou de vos propres personnalisés.
- explication très utile. Il a aidé à résoudre mon problème
- +1 Merci pour l'explication claire.
- Merci @FrançoisWahl pour l'exhaustivité de l'information! Alors, pourquoi est-il exactement de "...la discrète et la validation des scripts inclus [en jqueryval] ...très utile"?
- Sans eux discrète de validation ne fonctionne pas. Si c'est quelque chose que vous n'avez pas besoin ou envie, alors bien sûr vous pouvez le supprimer et désactiver dans le web.config. Je suppose qu'il est inclus par défaut comme il est supposé être une fonction probablement vous voulez utiliser. L'avantage, au-delà d'un nettoyage DOM, et de l'exacte différence entre l'utilisation encombrant et discret de validation est très bien expliqué dans cet article: Brad Wilson: Discrète Validation du Client dans ASP.NET MVC 3. J'ai mis à jour la réponse maintenant.
- Merci pour la grande réponse, mais est-il une différence entre MVC MVC 4 et 5 dans les paquets ?
InformationsquelleAutor Nope
2

MVC4 et .Net Framework 4.5 offre le regroupement et la minification des techniques qui permettent de réduire le nombre de demandes vers le serveur et la taille de CSS et de JavaScript bibliothèque, améliorer le temps de chargement d'une Simple page de word performance augmente et le chargement de la page plus rapidement.

Système.Web.Classe d'optimisation de propose le regroupement et la minification des techniques qui existent dans le Microsoft.Web.Optimisation de la dll.

Qu'est-ce que Bundle
Un bundle est un groupe logique de fichiers que est chargé, avec une seule requête HTTP. Vous pouvez créer le style et le script groupe, de css et de javascript, respectivement, en appelant BundleCollection classe méthode Add() avec en BundleConfig.cs fichier.

Création De Style Bundle
```
bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.min.css",
"~/Content/mystyle.min.css"));
```
Script de création de bundle
```
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
 "~/Scripts/jquery-1.7.1.min.js",
 "~/Scripts/jquery.validate.min.js",
 "~/Scripts/jquery.validate.unobtrusive.min.js"));
```
InformationsquelleAutor Anurag Deokar

Vous devez vous connecter pour publier un commentaire.