如何在tomcat上运行react应用程序

Question

我正在尝试运行以下示例:https: //github.com/ceolter/ag-grid-react-example

(ag-grid反应例)

但是,而不是npm run我想在tomcat上运行它.怎么做？

Answer 1

您可以在Tomcat上轻松部署任何静态文件.您链接的项目没有用于构建示例生产版本的脚本,因此您需要做的是:

1. 在本地安装webpack:npm install -g webpack
2. 构建演示:webpack --config webpack.config.standard.js --progress --colors --hot --inline或webpack --config webpack.config.large.js --progress --colors --hot --inline.它将创建dist目录.
3. 在Tomcat webapps目录中,为您的演示创建另一个目录ag-grid.
4. 复制index.html并dist转到ag-grid.
5. 访问它http://host:port/ag-grid.

Answer 2

尽管我没有使用 Tomcat 执行此操作，但我使用 IIS 部署了它。所以可以将该方法适配到Tomcat中。

1. 我创建了一个带有默认控制器和默认视图的空 MVC 应用程序，以获得 Microsoft 提供的所有 MVC 魔力。
2. 我使用 webpack 构建了 React + Redux 应用程序，并将所有内容发送到包含应用程序所需的所有资源的 dist 文件夹中。了解如何使用 webpack 构建 React 应用程序以获取更多详细信息。
3. 在我的主视图提供的脚本标签中，我将其设置为指向包含所有 React 代码的 dist 文件夹。
4. 我通过 Visual Studio 构建过程运行该应用程序，并在 IIS 提供视图时启动 React 代码。
5. 路由和 Redux 开发工具也很有效。

默认控制器.cs

public class DefaultController : Controller
{
    // GET: Default
    public ActionResult Index()
    {
        return View();
    }
}

路由配置.cs

public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                name: "Default",
                url: "",
                defaults: new { controller = "Default", action = "Index" }
            );

            routes.MapMvcAttributeRoutes();
        }
    }

默认.cshtml

public class DefaultController : Controller
{
    // GET: Default
    public ActionResult Index()
    {
        return View();
    }
}