asp.net-core
Travailler avec JavascriptServices

Introduction

Activation de webpack-dev-middleware pour le projet asp.net-core

Disons que vous utilisez Webpack pour le regroupement frontal. Vous pouvez ajouter webpack-dev-middleware pour servir vos statistiques via un serveur minuscule et rapide. Il vous permet de recharger automatiquement vos actifs lorsque le contenu a changé, de servir des statiques en mémoire sans écrire en continu des versions intermédiaires sur le disque.

Conditions préalables

NuGet

Package d'installation Microsoft.AspNetCore.SpaServices

npm

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

Configuration

Étendre la méthode Configure dans votre classe de Startup

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

Ajouter le remplacement du module chaud (HMR)

Hot Module Replacement permet d'ajouter, de modifier ou de supprimer un module d'application lorsque l'application est en cours d'exécution. Le rechargement de page n'est pas nécessaire dans ce cas.

Conditions préalables

En plus des webpack-dev-middleware :

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

Configuration

UseWebpackDevMiddleware simplement à jour la configuration de UseWebpackDevMiddleware avec de nouvelles options:

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

Vous devez également accepter les modules chauds dans votre code d'application.

HMR est pris en charge pour Angular 2, React, Knockout et Vue.

Génération d'un exemple d'application d'une page avec asp.net core

Vous pouvez utiliser le générateur aspnetcore-spa pour Yeoman pour créer une toute nouvelle application à une page avec asp.net core.

Cela vous permet de choisir l'un des frameworks frontaux les plus populaires et génère des projets avec webpack, dev server, remplacement de module à chaud et fonctionnalités de rendu côté serveur.

Juste courir

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

et choisissez votre cadre préféré