Les paquets de paquets webpack référencés dans .angular-cli.json?

Question

Il existe une section "styles" et une section "scripts" dans .angular-cli.json.

J'ai ajouté des fichiers sous les sections "styles" et "scripts". Il semble que mon projet angulaire ne reconnaisse pas ces fichiers.

Est-ce que webpack est conscient des configurations dans .angular-cli.json?

Est-ce que les paquets de paquets webpack référencés sous la section «styles» et «scripts» de .angular-cli.json? Si oui, comment puis-je être sûr qu'il le fait réellement? Comment puis-je savoir quels fichiers sont compressés, quels fichiers ne sont pas compressés par webpack?

Ce qui suit est l'erreur que je reçois de webpack:

ERROR in ./src/main/webapp/app/header/header.component.html 
Module not found: Error: Can't resolve './dist/img/user2-160x160.jpg' in '/Users/halil/Projects/kodfarki/chargeback2/business-services/src/main/webapp/app/header' 
@ ./src/main/webapp/app/header/header.component.html 1:4961-5000 1:5174-5213 
@ ./src/main/webapp/app/header/header.component.ts 
@ ./src/main/webapp/app/app.module.ts 
@ ./src/main/webapp/app/app.main.ts 

Suite est ma structure de dossier:

Suite est ma définition .angular-cli.json:

"apps": [{ 
    "root": "src/main/webapp/", 
    "outDir": "target/www/app", 
    "assets": [ 
     "content", 
     "dist", 
     "favicon.ico" 
    ], 

Answer 1

On dirait que vous utilisez jhipster qui prend en charge partiellement cli angulaire (only for codegeneration purposes). C'est pourquoi votre scripts, assets dans votre .angular-cli.json ne faisant aucun effet que jhipster utilise sa propre chaîne de compilation. Donc, avec jhipser, vous devez le faire un peu différemment.

Vous devez utiliser vendor.ts où vous pouvez référencer vos fichiers personnalisés css et js.