asp.net-core
Работа с JavascriptServices
Поиск…
Вступление
Согласно официальной документации:
JavaScriptServices - это набор технологий для разработчиков ASP.NET Core. Он предоставляет инфраструктуру, которую вы найдете полезной, если вы используете Angular 2 / React / Knockout / и т. Д. На клиенте, или если вы создаете свои клиентские ресурсы с помощью Webpack или хотите выполнить JavaScript на сервере во время выполнения.
Включение webpack-dev-middleware для проекта asp.net-core
Предположим, вы используете Webpack для комплектации с интерфейсом. Вы можете добавить webpack-dev-middleware для обслуживания своей статики через крошечный и быстрый сервер. Он позволяет автоматически перезагружать ваши активы, когда контент был изменен, обслуживать статику в памяти без постоянной записи промежуточных версий на диск.
Предпосылки
NuGet
Install-Package Microsoft.AspNetCore.SpaServices
НПМ
npm install --save-dev aspnet-webpack, webpack-dev-middleware, webpack-dev-server
Настройка
Расширить метод Configure в вашем классе Startup
if (env.IsDevelopment())
{
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
ConfigFile = "webpack.config.js" //this is defualt value
});
}
Добавить замену горячего модуля (HMR)
Замена Hot Module позволяет добавлять, изменять или удалять модуль приложения при запуске приложения. В этом случае перезагрузка страницы не требуется.
Предпосылки
В дополнение к webpack-dev-middleware :
npm install --save-dev webpack-hot-middleware
конфигурация
Просто обновите конфигурацию UseWebpackDevMiddleware с новыми параметрами:
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
ConfigFile = "webpack.config.js", //this is defualt value
HotModuleReplacement = true,
ReactHotModuleReplacement = true, //for React only
});
Вам также необходимо принять горячие модули в вашем коде приложения.
HMR поддерживается для Angular 2, React, Knockout и Vue.
Создание простого одностраничного приложения с ядром asp.net
Вы можете использовать генератор aspnetcore-spa для Yeoman для создания совершенно нового одностраничного приложения с ядром asp.net.
Это позволяет вам выбрать один из популярных интерфейсных интерфейсов и генерировать проект с помощью webpack, dev-сервера, горячей замены модулей и функций рендеринга на стороне сервера.
Просто беги
npm install -g yo generator-aspnetcore-spa
cd newproject
yo aspnetcore-spa
и выберите свою любимую фреймворк
