asp.net-core
Werken met JavascriptServices

Invoering

Webpack-dev-middleware inschakelen voor asp.net-kernproject

Stel dat u Webpack voor front-endbundeling. U kunt webpack-dev-middleware om uw statistieken via een kleine en snelle server te bedienen. Hiermee kunt u uw activa automatisch opnieuw laden wanneer de inhoud is gewijzigd, statics in het geheugen weergeven zonder continu tussentijdse versies op schijf te schrijven.

voorwaarden

Nuget

Installatiepakket Microsoft.AspNetCore.SpaServices

NPM

npm install - save-dev aspnet-webpack, webpack-dev-middleware, webpack-dev-server

configureren

Breid de Configure in uw Startup

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

Vervanging hete module (HMR) toevoegen

Met Hot Module Replacement kunt u app-modules toevoegen, wijzigen of verwijderen wanneer de applicatie actief is. Pagina herladen is in dit geval niet nodig.

voorwaarden

Naast webpack-dev-middleware pakketten:

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

Configuratie

Update eenvoudig de configuratie van UseWebpackDevMiddleware met nieuwe opties:

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

U moet ook hot modules in uw app-code accepteren.

HMR wordt ondersteund voor Angular 2, React, Knockout en Vue.

Voorbeeldapplicatie met één pagina genereren met asp.net-kern

U kunt de aspnetcore-spa generator voor Yeoman om een gloednieuwe applicatie met één pagina met asp.net core te maken.

Hiermee kunt u een van de populaire front-end frameworks kiezen en wordt een project gegenereerd met webpack, dev server, vervanging van hot modules en renderingfuncties aan de serverzijde.

Ren gewoon

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

en kies uw favoriete kader