2017-12-07 4 views
0

Ich habe ein MVC-Projekt in einem Bereich einer größeren Lösung. Ich möchte eine Angular App in diesem Bereich hinzufügen und sie meinem MVC-Projekt hinzufügen. Dies ist kein .NET Core Mvc-Projekt. Wie würde ich meinem Projekt mitteilen, webpackdevmiddleware zu verwenden? I.E.Angular App zu bestehenden MVC-Projekt hinzufügen

app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions{ 
HotModuleReplacement = true 
}); 

Da würde ich die Mvc-App in einem Bereich hinzufügen und meine Ordnerstruktur sieht so aus. enter image description here

Wo soll ich meinen ng new Befehl ausführen? IE C: \ Projekt \ Bereiche \ Mvc ng neue AngularApp oder Wie setze ich das Verzeichnis, so dass die App in meinem MVC-Ordner erstellt wird?

wäre es einfacher, stattdessen eine eckige .net-Core-App zu erstellen? Im Bereich Ordner?

+0

Angular cli: thumbsdown: –

+1

Überprüfen Sie [diese] (https://medium.com/@levifuller/building-an-angular-application-with-asp-net-core-in-visual-studio-2017-visualized -f4b163830eaa) Artikel, könnte es hilfreich sein – cyberpirate92

+0

@ Cyberpirate92, die hilfreich ist, wenn Sie eine .netcore mvc App erstellen möchten. Ich möchte Angular zu einer vorhandenen MVC5-App hinzufügen. Haben Sie die .netcore CLI-Methode ausprobiert? Alles, was Sie tun, ist Dotnet New eckig und es erstellt eine App für Sie mit allem. –

Antwort

0

Wenn jemand versucht, herauszufinden, wie dies zu tun ist, fand ich eine Anleitung, die funktioniert HERE.

Dieses spezielle Beispiel verwendet eine Schluckaufgabe, um die notwendigen node_module einzuziehen und Ihre App in Javascript zu übertragen. Ich bin im Moment auf der Suche nach einem Beispiel, das dasselbe mit dem Webpack macht. Im Wesentlichen fügen Sie eine tsconfig.json, eine package.json, eine gulpfile.js und dann eine tsconfig.js sowie Ihre App-Dateien in typescript hinzu. Dies verwendet den angular cli überhaupt nicht.

Verwandte Themen