asp.net-core
Trabajando con JavascriptServices
Buscar..
Introducción
Según la documentación oficial:
JavaScriptServices es un conjunto de tecnologías para desarrolladores de ASP.NET Core. Proporciona una infraestructura que le resultará útil si usa Angular 2 / React / Knockout / etc. en el cliente, o si construye sus recursos del lado del cliente con Webpack, o si desea ejecutar JavaScript en el servidor en tiempo de ejecución.
Habilitar webpack-dev-middleware para el proyecto asp.net-core
Digamos que utiliza Webpack para agrupar front-end. Puede agregar webpack-dev-middleware para servir sus estadísticas a través de un servidor pequeño y rápido. Le permite recargar automáticamente sus activos cuando el contenido ha cambiado, servir estadísticas en la memoria sin escribir continuamente versiones intermedias en el disco.
Prerrequisitos
NuGet
Paquete de instalación Microsoft.AspNetCore.SpaServices
npm
npm install --save-dev aspnet-webpack, webpack-dev-middleware, webpack-dev-server
Configurando
Extienda el método de Configure en su clase de Startup
if (env.IsDevelopment())
{
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
ConfigFile = "webpack.config.js" //this is defualt value
});
}
Añadir reemplazo de módulo caliente (HMR)
El reemplazo del módulo en caliente permite agregar, cambiar o eliminar el módulo de la aplicación cuando la aplicación se está ejecutando. La recarga de la página no es necesaria en este caso.
Prerrequisitos
Además de los webpack-dev-middleware :
npm install --save-dev webpack-hot-middleware
Configuración
Simplemente actualice la configuración de UseWebpackDevMiddleware con nuevas opciones:
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
ConfigFile = "webpack.config.js", //this is defualt value
HotModuleReplacement = true,
ReactHotModuleReplacement = true, //for React only
});
También necesita aceptar módulos calientes en su código de aplicación.
HMR es compatible con Angular 2, React, Knockout y Vue.
Generando una aplicación de muestra de una sola página con el núcleo de asp.net
Puede usar el generador aspnetcore-spa para Yeoman para crear una aplicación de página única completamente nueva con el núcleo de asp.net.
Esto le permite elegir uno de los marcos frontales populares y generar proyectos con webpack, dev server, reemplazo de módulo en caliente y funciones de representación del lado del servidor.
Solo corre
npm install -g yo generator-aspnetcore-spa
cd newproject
yo aspnetcore-spa
y elige tu marco favorito
