angular.js - angular 2 应用如何进行打包？如何使用gulp打包？

Question

angular 2强调模块化，从npm下载的包数量巨大，该如何使输出后的应用，只包含需要的模块？
以及如何使用gulp打包angular2应用？

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.