asp.net-core
Arbetar med JavascriptServices

Introduktion

Aktivera webpack-dev-middleware för asp.net-kärnprojekt

Låt oss säga att du använder Webpack för Webpack i frontend. Du kan lägga till webpack-dev-middleware att betjäna dina statistik via en liten och snabb server. Det låter dig ladda dina tillgångar automatiskt när innehållet har ändrats, servera statistik i minnet utan att kontinuerligt skriva mellanversioner på disken.

förutsättningar

NuGet

Installera-paketet Microsoft.AspNetCore.SpaServices

npm

npm installation - spara-dev aspnet-webpack, webpack-dev-middleware, webpack-dev-server

Konfigurera

Utöka Configure i din Startup

if (env.IsDevelopment())
{
     app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
     {
         ConfigFile = "webpack.config.js" //this is defualt value
     });
}

Lägg till Hot Module Replacement (HMR)

Hot Module Replacement gör det möjligt att lägga till, ändra eller radera appmodul när applikationen körs. Laddning av sidor behövs inte i detta fall.

förutsättningar

Förutom webpack-dev-middleware paket:

npm install --save-dev webpack-hot-middleware

Konfiguration

Uppdatera helt enkelt konfigurationen av UseWebpackDevMiddleware med nya alternativ:

app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
    ConfigFile = "webpack.config.js", //this is defualt value
    HotModuleReplacement = true,
    ReactHotModuleReplacement = true, //for React only
});

Du måste också acceptera heta moduler i din appkod.

HMR stöds för Angular 2, React, Knockout och Vue.

Generera ett enskildsidaapplikation med asp.net-kärna

Du kan använda aspnetcore-spa generator för Yeoman att skapa en helt ny, enkel sida-applikation med asp.net-kärnan.

Detta gör att du kan välja ett av de populära ramarna för front end och genererar projekt med webpack, dev-server, ersättning av modulmodeller och rendering på serversidan.

Bara spring

npm install -g yo generator-aspnetcore-spa
cd newproject
yo aspnetcore-spa

och välj din favoritram