Sento di essere nella stessa barca di te !!! Avendo trascorso l'ultima settimana circa dall'uscita ufficiale di dotnetcore3, ho provato a mettere in funzione qualcosa che utilizza un framework SPA.
Dato che non ci sono state risposte per questo e sono ansioso di far funzionare i servizi SPA, aspnetcore3
ho esaminato i vari modelli forniti in Visual Studio. Attualmente i modelli sono Angular
e React
che usano aspnetcore3
.
Prima di questo ci sono modelli per Angular
, React
e anche Aurelia
. Aurelia mi sta benissimo: rilegature dattiloscritte alla vaniglia. Quindi sto cercando di seguire questa strada.
Sono riuscito a far funzionare HMR
(sostituzione del modulo a caldo). Ho realizzato un progetto Aurelia utilizzando l'interfaccia della riga di comando. Tuttavia, il mio progetto ha molta configurazione e sto ancora imparando WebPack
. HMR attualmente non funziona con Aurelia CSS.
Per il mio scenario, avevo l'app client caricata in VS Code. Ho creato un progetto core aspnet che poi si aggancia al webpack.
So che stai chiedendo specificamente di React, ma il concetto potrebbe essere lo stesso.
Del codice
Puoi trovare il mio codice qui:
https://github.com/andez2000/spa-apps/tree/master/aurelia-cli/e1/aurelia-app
NOTA: attualmente sto scaricando roba in questo repository. Esistono progetti creati dai modelli se si passa al livello superiore.
uso
- Apri la cartella
spa-apps\aurelia-cli\e1\aurelia-app
inVSCode
- Apri
project.csproj
inVS2019
- Aprire un terminale
VSCode
ed eseguirlo npm start -- --hmr
e attendere il completamento dell'output.
- Compila ed esegui la soluzione
VS2019
Questo dovrebbe aprire il browser predefinito e caricare index.ejs.
Cose da notare
I numeri di porta nel progetto dotnet e nel progetto aurelia devono essere collegati.
Startup.cs
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
...
app.UseSpa(spa =>
{
if (env.IsDevelopment())
{
spa.UseProxyToSpaDevelopmentServer("http://localhost:5000");
}
});
}
aurelia.json
"platform": {
"hmr": false,
"open": false,
"port": 5000,
"host": "localhost",
"output": "wwwroot/dist"
},
Quindi forse questo è concettualmente lo stesso di React. Per qualche ragione il mio modello React non riesce a connettersi a IIS Express - e ha funzionato l'altro giorno - quindi non è davvero in grado di scavare.
Per me, questo progetto ha molte parti in movimento. Vorrei avere una soluzione di lavoro minima - che comprende webpack + scss + un po 'di spa framework + dotnetcore3. Ma c'è una tonnellata di configurazione e molti file.
Altri link
Inoltre potrebbe valere la pena di controllare questo post sul blog:
https://www.alexdresko.com/2019/07/09/htmlwebpackplugin-asp-net-core-3/
Leggi di più su aurelia qui:
https://aurelia.io/
Spero che qualcuno ti dia una risposta migliore, ma questo potrebbe farti andare. Eventualmente Microsoft aggiornerà i documenti e gli esempi e ci fornirà una guida migliore.
aggiornamenti del modello dotnet (aprile 2020)
Spero che i modelli aggiornati possano superare le differenze core aspnet / dotnet con il webpack. Quindi sperando che si tratti di inserire nuovi modelli.
Vedere qui:
https://github.com/NetCoreTemplates/aurelia-spa