如何在React.net上使用react-router

时间:2016-08-17 12:49:12

标签: c# asp.net visual-studio reactjs react-router

我正在研究一个带有react的asp.net项目,并希望使用react-router。在git repo上,只为Node.js解释了设置。我找到了 NuGet TypeScript个软件包,但在安装它们之后,由于编译错误,我无法再构建我的项目。

有没有人有为asp.net项目安装react-router的经验?

2 个答案:

答案 0 :(得分:1)

我们在React中构建应用程序的方法。我们使用Redux和React-Router在Visual Studio Code中的React中创建了整个应用程序。 Webpack用于构建所有文件。完成整个应用程序后,我们构建js(已编译和缩小)并将指向包js的url的脚本标记添加到我们的Web应用程序页面(特别是.aspx页面)。

如果您已将其托管在现有项目的目录中,那么现在您可能会遇到与react-router相关的问题。对于例如在root中 - 你有一个名为myapp的文件夹。如果是这种情况 - 您需要对您的反应应用中的路由进行更改以获得基本名称。

我尝试过React.NET但是这样做之后 - 我真的很喜欢这种方法,因为你可以用客户端生态系统中的所有很棒的工具单独构建整个应用程序 - 例如 - 热重新加载

希望它有所帮助。

答案 1 :(得分:1)

我从未使用过React.NET,但您可以做的是在ASP.NET项目之外创建一个单独的项目。使用webpack进行捆绑和其他目的。构建您的react项目,该项目生成静态资产(main.js,chunks,css文件和图像/精灵)。直接在ASP.NET项目中添加这些生成的文件,并将index.html设置为Start Page。

我们在this boilerplate之上构建了我们的React项目。它采用行业级的优化,丑化,缩小,捆绑等方式,而不是!祝你好运!