使用 webpack（前端为 reactjs）和 .NET 后端进行热重载

Question

我正在尝试一些可以真正减轻我痛苦的方法。刚收回一个项目，前端用的是reactjs，后端是.NET ASPNet 4.6

我只是想使用 webpack 进行热重载工作（因为它比每次我想看到一些工作时都构建要好得多）

问题是我真的很难配置让它工作，而且我真的不明白 webpack 热重载是如何工作的。

我发现在构建过程中，js 文件和 css 文件被复制到特殊文件夹中，.NET 会在其中获取并重新渲染它。我怎样才能让它听一些文件？我真的需要从 .NET 启动它，因为我有一些控制器可以访问内置的后端。（我没有选择体系结构，不幸的是它被强加了）。

我已经尝试过的：

来自github的一些插件，但不幸的是他们使用 ASPNet 5 和方法

public void Configuration(IApplicationBuilder app)
  {
     ConfigureAuth(app);
  }

在我的项目中：

public void Configuration(IAppBuilder app)
    {
        ConfigureAuth(app);
    }

我知道，它很旧..所以不兼容（它在 .NET 的 Startup.cs 文件中）

我尝试使用 http 请求连接，但他们选择内置，所以我无法通过 http://
我的 react 文件 css 和 js 由 .NET 加载到一个 .cshtml 文件中，该文件加载在路径的根目录下（因此用户访问 .NET，所有 . NET controller加载，然后react加载，登陆react页面渲染）。

我不知道接下来要看什么如果你有任何想法我可以试试

不要犹豫向我询问更多信息，我不知道该提供什么。

提前感谢社区

Answer 1

经过不同的设置和尝试，我找到了一个部分解决方案，它不是我们所知道的热重载，但它避免了每次都构建。

在 2 行代码中，在 webpack.config.js 中在输出处添加一行：

output: {
        path: __dirname + "/src/output/",
        filename: "client.min.js",
        publicPath: 'http://localhost:3000/static/'

重要的一行是public路径

然后在 index.cshtml 中：

<script src="@Url.Content("http://localhost:3000/static/client.min.js?" + ViewBag.version)"></script>

当你运行 npm 运行 dev 和 .NET 服务器监听它时，这会在反应端创建一个带有节点服务的 public js 文件。

虽然您仍然需要重新加载您的导航器页面才能看到更改，但我将看看如何使其自动并在此处发表评论。如果有人对此有所了解，请随时提供帮助！

Answer 2

您可以使用 browser-sync webpack 插件：我在这里找到了一个简洁的示例：Setting up a React Environment for ASP.NET MVC

Hot Reload with webpack (reactjs for front) and .NET backend