angulaire.js - Comment empaqueter des applications angulaires 2 ? Comment utiliser les emballages gulp ?

Question

Angular 2 met l'accent sur la modularité et le nombre de packages téléchargés depuis npm est énorme. Comment faire en sorte que l'application de sortie ne contienne que les modules requis ?
Et comment utiliser gulp pour empaqueter l'application angulaire2 ?

Answer 1

Merci pour l'invitation. Je n'ai pas encore commencé à apprendre Angular2. Je viens de jouer avec Typescript récemment. J'ai écrit un environnement gulp+typescript+AngularJS1.x avec lequel je suis intéressé à étudier ensemble : https : //github.com/ hjzheng/An...

À propos d'Angular2, il existe en fait de nombreuses graines sur Github, soit basées sur webpack, soit sur gulp :
https://github.com/search?q=a...

De plus, il existe des échafaudages Angular2 sur yeoman
http://yeoman.io/generators/

Answer 2

Recommandez angulaire2-webpack-starter et angulaire2-universal-starter.

Answer 3

Merci pour l'invitation. Je n'ai jamais utilisé angulaire2, j'utilise React. Vous pouvez essayer le packaging avec webpack

.

Answer 4

Merci pour l'invitation. Je n'ai jamais utilisé angulaire2, donc je ne connais pas ses particularités. Je ne peux que dire de manière générale,

En termes d'empaquetage gulp, il est en fait principalement divisé en css, js et html.

Nous classons angulaire comme js, donc ce que fait réellement l'emballage js est d'analyser le fichier d'entrée de l'emballage, d'analyser les fichiers js dépendants, puis de fusionner les fichiers js, d'ajouter des dépendances, de compresser, d'ajouter un tampon md5 et de les afficher dans le répertoire.

Selon votre question, vous devez vous concentrer sur l'empaquetage des fichiers d'entrée et l'analyse des dépendances. Vous pouvez utiliser le plug-in gulp ou le webpack lié à Angular pour analyser, les deux pouvant atteindre votre répertoire.