Gulp avec WebPack. Qui devrait construire mon café / jade etc.? - gulp, webpack, webpack-dev-server

J'ai un projet préexistant qui utilise actuellement gulp.

Les principales bibliothèques / frameworks / langages sont:

• MongoDB - Mongoose
• AngularJS - Avec le routeur ui, également avec ngClassify
• ExpressJS - Avec passeport
• NodeJS
• Jade
• Coffeescript
• Sass - format ".sass"
• JPG / PNG "s

Actuellement, tout est regardé en directrecharger, minimisé en utilisant uglify et gzippé. Mes extraits de directive / vue HTML angulaires sont envoyés dans un fichier js de cache de modèles. Même les images sont minifiées en utilisant image min.

L'application de page unique est très modulaire par la conception,l'application comporte plusieurs "pages", chaque page ayant une utilisation spécifique (prenez la page de profil par exemple), en utilisant ui-route pour imbriquer les vues. Tous les utilisateurs n'utiliseront pas chaque page. C'est pourquoi je choisis de passer à WebPack, chaque "page" constituant un module. Le but de cette application est d’être aussi réactif que possible. Avec des temps de charge potentiellement faibles lors du changement de page / de module sur lequel ils sont activés.

Ma structure de projet actuelle a un src et distrépertoire avec chacun un serveur et un dossier client. le répertoire de la liste peut bien sûr être supprimé en toute sécurité avec chaque construction. Je n'ai actuellement aucun fichier js brut ou html brut (à part le gulpfile.js qui nécessite simplement mon gulpfile.coffee), tout est prétraité par gulp et c'est tout.

Donc, voici mes questions:

1. Est-ce que je remplace la plupart de mes gulpfile avec webpack,et laissez webpack tout traiter (Quel est l’avantage de cela). Ou puis-je créer un dossier intermédiaire (la sortie gulp), puis exécuter Webpack sur ce dossier (uniquement en ce qui concerne les fichiers js / css / html minifiés). En gros, sachant ce que sont mes bibliothèques / frameworks et ma situation, comment structureriez-vous le processus de construction?
2. Pouvez-vous utiliser un fichier ngClassify app.coffee comme point d’entrée? Ou doit-il être compilé en premier. (Si vous le pouvez, comment?)

Réponses:

Vous pouvez certainement utiliser Gulp pour déclencher votre build Webpack et gérer d'autres tâches que vous pourriez avoir cependant laL’idée de Webpack est que c’est l’ensemble de votre construction, vous n’avez plus besoin des tâches Gulp pour "minifier", "concaténer" et "imagemin" les fichiers, car Webpack fait tout cela pour vous en utilisant Plugins et Chargeurs.

Vous devrez exécuter Webpack sur la source du projet et non sur un ensemble déjà réduit créé par votre génération Gulp personnalisée.

Les questions angulaires auxquelles je n’ai pas de réponse me font peur :)