S'il vous plaît, il est conseillé d'utiliser les composants de la tondeuse dans mon projet angulaire CLI (angular4) avec webpack lorsque le projet est déjà construit sur des modules de nœuds.Installation de Bower avec webpack angulaire-cli
Je déconseille. Vous pouvez trouver à peu près tout ce dont vous avez besoin en tant que paquet NPM ces jours-ci.
Même sur le site Web Bower.io, ils disent essentiellement de ne plus l'utiliser pour de nouveaux projets.
Bower
Nous allons utiliser Bower pour nos dépendances frontaux. Angular CLI n'installe pas et ne configure pas Bower automatiquement, nous devrons donc l'ajouter à nos projets.
Installation Bower
Vous devriez déjà avoir installé Bower sur votre propre machine puisque notre programme a utilisé depuis plusieurs semaines. Vous pouvez revérifier en exécutant la commande suivante:
$ npm list -g bower
Si vous ne recevez pas un numéro de version, vous devrez installer charmille globalement en utilisant la commande suivante:
$ npm install bower -g
Initializing Bower
Dans notre répertoire de projet, nous pouvons initialiser Bower avec la commande suivante
$ bower init
Vous serez invité avec une série de questions sur votre projet. Vous pouvez simplement appuyer sur Entrée pour que chacun accepte la valeur par défaut.
Cela va ajouter un nouveau fichier bower.json dans votre répertoire:
{
"name": "online-store",
"description": "",
"main": "",
"authors": [
"Epicodus Student <[email protected]>"
],
"license": "MIT",
"homepage": "",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}
.gitignore
Nous allons également inclure/bower_components dans la section #dependencies. (Nous allons installer Bower dans un instant). Assurez-vous de le faire maintenant:
# dependencies
/node_modules
/bower_components
Pour plus de détails: https://www.learnhowtoprogram.com/javascript/angular-extended/angular-cli-bower-setup