eckiges Material Thema in Webpack

Question

Ich versuche, eckiges Material in meiner Angular (4) App mit Webpack einzurichten, und ich sehe in der Dokumentation, dass ich ein Standardthema für das Arbeiten benötigen. Eine der vorgeschlagenen Möglichkeiten, das zu tun, ist mit

@import '~@angular/material/prebuilt-themes/indigo-pink.css'; 

in Ihrem styles.scss wenn Sie Winkel-cli verwenden.

Nun, ich bin nicht mit Winkel-cli, aber ich habe ein Haupt styles.scss, so enthalten ich dies und meine App baut in Ordnung, aber dann, wenn ich es mir einen Fehler lade

GET http://localhost:8080/@angular/material/prebuilt-themes/indigo-pink.css 404 (Not Found) 

Also, warum sucht diese Datei jetzt? sollte webpack nicht während der Paketlaufzeit danach suchen? Und was bedeutet das nach der ?

Dank

Answer 1

Ich folgte die Angular guide for Webpack setup, mehr oder weniger, so habe ich alle meine Anbieter Bibliotheken in einem Stück vendor, bezogen auf ./src/vendor.ts genannt enthalten. nur

I

import "@angular/material"; 
import "@angular/material/prebuilt-themes/indigo-pink.css"; 

dort und Webpack rollte in das Thema CSS eingefügt.