Ich baue eine Angular2-App mit den von Microsoft bereitgestellten SPA-Vorlagen und JavaScript-Diensten ( Ссылка ).
Ich möchte Angular Material im Gegensatz zu Bootstrap für Styling / Theme verwenden, aber ich kann es nicht zum Laufen bringen.
Nach dem Installationsleitfaden ( Ссылка ) ist es einfach, wenn es darum geht, die Themen-Assets ( @ angular / material / prebuilt-themes / ...) aus dem npm-Paket in der wwwroot dist-Ausgabe, um sie für die App zur Verfügung zu stellen, bin ich bei einem vollständigen Verlust.
Ich nehme an, es ist einfach eine Modifikation der WebPack-Konfiguration, aber nach ein oder zwei Stunden Basteln und Google-Suchen bin ich nicht näher dran zu verstehen, was zu tun ist.
Kann mir jemand in die richtige Richtung zeigen?
NB. Bitte schlage nicht vor, die Dateien, die ich benötige, in das wwwroot zu kopieren oder zu einem CDN usw. Zu kopieren.
Ich denke, dass ich möglicherweise einen umfassenderen / umfassenderen Weg gefunden habe, dies zu erreichen ...
node_modules npm install --save @angular/material @angular/cdk in der Eingabeaufforderung npm install --save @angular/animations in der Eingabeaufforderung @angular und rxjs auf die neuesten / kompatiblen Versionen in package.json . Das sind Kopfschmerzen. Ich habe keine Ahnung welche die richtigen Versionen sind und welche falsch sind! npm install in der Eingabeaufforderung Aktualisieren Sie webpack.config.vendor.js und fügen Sie die folgenden zwei Werte hinzu
Führen Sie webpack --config webpack.config.vendor.js in der Eingabeaufforderung
Ich habe eine vage funktionierende Version zu GitHub eingecheckt - sie kann unter Ссылка
gefunden werden Fügen Sie in webpack.config.vendor.js die folgenden zwei Einträge hinzu:
Wiederholen Sie das Webpack über:
webpack --config webpack.config.vendor.js
Quelle : Hinzufügen von eckigem Material in ASP.NET Core Angular SPA Vorlage von Fiyaz Hasan
Tags und Links angular webpack asp.net-core single-page-application