在 .NetCore 3.0 中使用水疗服务?

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 的示例或信息?

And*_*dez 5

我觉得我和你在同一条船上!!!自从 dotnetcore3 正式发布以来,我花了大约一周的时间,尝试启动并运行使用 SPA 框架的东西。

鉴于对此没有答案,我很想运行 SPA 服务,因为aspnetcore3我已经研究了 Visual Studio 中提供的各种模板。目前模板是Angular并且React使用aspnetcore3.

在此之前,有用于AngularReact和 的模板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 中。如果导航到顶层,则会从模板创建项目。

用法

  1. 打开文件夹spa-apps\aurelia-cli\e1\aurelia-appVSCode
  2. 打开project.csprojVS2019
  3. 打开终端VSCode并运行npm start -- --hmr并等待输出完成。
  4. 编译并运行解决方案 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 的更多信息:

https://aurelia.io/

希望有人会给你一个更好的答案 - 但这可能会让你继续前进。希望微软会更新文档和示例,并为我们提供一些更好的指导。

dotnet 模板更新(2020 年 4 月)

我希望更新的模板可以克服 webpack 与 aspnet core/dotnet core 的差异。所以希望这是一个引入新模板的案例。

看这里:

https://github.com/NetCoreTemplates/aurelia-spa