Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Mettre une application en production avec Angular 2

Comparer les outils disponibles

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez les principaux outils de gestion de modules comme Webpack, Browserify ou Gulp. Dans cette formation, vous vous baserez notamment sur Webpack, le plus utilisé des trois.
02:22

Transcription

WebPack, Gulp, Browserify, il en existe des tonnes, mais ils ont tous un seul et unique but. Le but final de tout ça, de tous ces outils-là, ça va être de prendre toute la complexité de votre code, surtout toutes les sources de votre code qui se trouvent ici, qui sont souvent en fait dans différents fichiers parce que c'est comme ça que vous allez coder, et c'est comme ça qu'on vous demandera de coder, il faut coder comme ça, et de transformer tout ça, donc tous ces fichiers-là, en un seul fichier. Et l'idée évidemment, c'est de nous aider à faire une mise en production. Alors, concrètement, quand vous ferez une mise en production, vous aurez ensuite un dossier qui s'appellera dist et qui contiendra l'information qui nous intéresse. Évidemment, vous n'êtes pas obligé d'utiliser WebPack, vous pouvez utiliser autre chose. Il y a beaucoup de projets Angular qui utilisent Gulp pour faire la compression et l'organisation. Alors, Gulp, par exemple, il y a pas mal de plug-ins qui existent. Il y a même carrément des plug-ins faits pour Angular. Il y a des plug-ins qui permettent de compresser des sources, de compresser des images, d'autopréfixer, de faire de la « completion » sur babel, de faire du code un petit peu plus beau, on appelle ça des beautifies. Voilà, il y a énormément de plug-ins. À chaque fois, ça marche pareil, on a des plug-ins et on va pouvoir les utiliser, et on va les associer les uns aux autres pour créer à la fin un bundle de l'application. Donc, on va créer quelques fichiers, et ces fichiers-là seront mis en production. Donc, en fait, les sources de votre projet resteront inchangées. Vous pourrez travailler sur des sources propres, découpées proprement. Par contre, une fois que vous allez mettre en production, vous vous retrouvez avec un seul fichier, c'est ça l'idée. Il faut que ce soit rapide à charger, et puis surtout, il ne faut pas que toute la complexité de votre projet soit mise à disposition. Alors nous, on utilisera WebPack, qui est un gestionnaire, on va en parler un petit peu plus après, qui comporte énormément de modules différents et qui est très utilisé, et qui est assez simple à utiliser en soi, mais qui va demander un petit peu de configuration. Vous allez voir, ce n'est pas évident. Maintenant, je vous invite à aller regarder les différentes librairies existantes, le gulp.js. Vous trouverez tout un tas de templates qui existent pour gulp sur Internet pour le mettre en place avec Angular. Il y a beaucoup d'exemples. Et puis Browserify aussi. Il y a pas mal d'exemples existants. Il y a des starters kits qui existent pour Angular avec Browserify et Angular avec Gulp, et celui que je vous ai fourni, Angular avec WebPack.

Mettre une application en production avec Angular 2

Optimisez la mise en production de votre application AngularJS. Réduisez le temps de chargement et d’affichage, gérez les tâches répétitives avec des scripts, etc.

1h05 (20 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :13 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !