ale*_*lex 12 webpack server-side-rendering asp.net-core-3.0 .net-core-3.0
我使用 ASP.Net Core React+Redux 开发 SPA Web 应用程序。
更新到 .Net Core 3.0 后,我发现 UseWebpackDevMiddleware 和 AddNodeServices 已过时。
我学习了新的项目模板 React+Redux,但它没有使用 webpack 或 SSR。
1) 在哪里可以找到在 .Net Core 3.0 中使用 webpack 的示例或信息?使用 UseWebpackDevMiddleware 真的很容易配置 HMR 和 webpack 构建。
2) 在哪里可以找到有关使用 .Net 3.0 + React 的 SSR 的示例或信息?
我觉得我和你在同一条船上!!!自从 dotnetcore3 正式发布以来,我花了大约一周的时间,尝试启动并运行使用 SPA 框架的东西。
鉴于对此没有答案,我很想运行 SPA 服务,因为aspnetcore3我已经研究了 Visual Studio 中提供的各种模板。目前模板是Angular并且React使用aspnetcore3.
在此之前,有用于Angular、React和 的模板Aurelia。对我来说 Aurelia 看起来很棒 - 香草打字稿绑定。所以我正在努力走这条路。
我设法让HMR(热模块更换)工作。我使用 CLI 构建了一个 Aurelia 项目。不过我的项目配置比较多,还在学习中WebPack。HMR 当前不适用于 Aurelia CSS。
对于我的场景,我在 VS Code 中加载了客户端应用程序。我创建了一个 aspnet 核心项目,然后挂钩到 webpack。
我知道您专门询问 React,但概念可能是相同的。
你可以在这里找到我的代码:
https://github.com/andez2000/spa-apps/tree/master/aurelia-cli/e1/aurelia-app
注意:目前我只是将东西倾倒到这个 repo 中。如果导航到顶层,则会从模板创建项目。
spa-apps\aurelia-cli\e1\aurelia-app中VSCodeproject.csproj在VS2019VSCode并运行npm start -- --hmr并等待输出完成。VS2019这应该会打开默认浏览器并加载 index.ejs。
dotnet 项目和aurelia 项目中的端口号一定要绑定。
启动文件
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
...
app.UseSpa(spa =>
{
if (env.IsDevelopment())
{
spa.UseProxyToSpaDevelopmentServer("http://localhost:5000");
}
});
}
Run Code Online (Sandbox Code Playgroud)
aurelia.json
"platform": {
"hmr": false,
"open": false,
"port": 5000,
"host": "localhost",
"output": "wwwroot/dist"
},
Run Code Online (Sandbox Code Playgroud)
所以也许这在概念上与 React 相同。出于某种原因,我的 React 模板无法连接到 IIS Express - 前几天它工作了 - 所以真的没有能力去挖掘。
对我来说,这个项目有很多活动部分。我希望我有一个最小的工作解决方案 - 包括 webpack + scss + 一些 spa 框架 + dotnetcore3。但是有大量的配置和大量的文件。
也可能值得查看此博客文章:
https://www.alexdresko.com/2019/07/09/htmlwebpackplugin-asp-net-core-3/
在此处阅读有关 aurelia 的更多信息:
希望有人会给你一个更好的答案 - 但这可能会让你继续前进。希望微软会更新文档和示例,并为我们提供一些更好的指导。
我希望更新的模板可以克服 webpack 与 aspnet core/dotnet core 的差异。所以希望这是一个引入新模板的案例。
看这里:
https://github.com/NetCoreTemplates/aurelia-spa
| 归档时间: |
|
| 查看次数: |
5108 次 |
| 最近记录: |