Wo sind die Webpack-Pakete von Angular konfiguriert?

Question

Mit dem neuen, auf Angular CLI basierenden Projekt und der Webpack-Integration sind einige Dinge seltsam. Wo sind die Standardpakete konfiguriert?

Ich habe die Datei styles.css entfernt, jetzt wird das Projekt nicht erstellt.

chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]chunk {main} main.bundle.js, main.bundle.js.map (main) 303 bytes [initial] [rendered] 
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 323 bytes [initial] [rendered] 
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 342 bytes [initial] [rendered] 

ERROR in multi ./src/styles.css 
Module not found: Error: Can't resolve 'D:\project\src\styles.css' 

Answer 1

Der Angular CLI bietet Konfigurationsoptionen unter Verwendung von .angular-cli.json. Dies hat eine definierte schema, die die Optionen definiert, die konfiguriert werden können. Da die Angular CLI Webpack für Sie bereitstellt, können Sie bei Verwendung der Angular CLI keinen direkten Zugriff auf die Webpack-Konfiguration selbst erhalten. Sie haben ein paar Optionen:

1. Ändern Sie die relevanten Einstellungen in .angular-cli.json, wenn sie passen.

2. Verwenden ng eject auf Ihr Projekt:

   ng Auswurf App und Ausgang die richtige webpack Konfiguration und Skripte ausstößt.

   Sobald ausgeworfen, können Sie die Webpack-Konfiguration entsprechend ändern.

Um mit styles.css Ihrem speziellen Problem zu beheben, können Sie mit der Option gehen nur 1 und aktualisieren .angular-cli.json diese Datei ausschließen - es ist im Wesentlichen unter apps[0].styles angegeben, die standardmäßig auf ein Array mit einem einzelnen Element: styles.css.

Answer 2

In Ihrer .angular-cli.json Datei gibt es noch einen Verweis auf die styles.css. Entfernen Sie auch den Eintrag von apps.styles und es wird kein Fehler mehr ausgegeben.