grails - 是否可以将 React(使用 Webpack)与 Grails 集成？

Question

我一直在考虑使用 React 作为 Grails 应用程序的前端，但在开始时遇到了一些困难。

到目前为止，我已经习惯在 Webpack 的帮助下使用 Node/NPM 编写 React 应用程序，这非常简单，因为有大量关于该设置的文档。

但是，我正在努力寻找任何将 React 与 Grails 无缝集成的具体内容。
理想情况下，我只需要执行 grails run-app 即可，它应该会处理所有事情。我不希望其他团队成员担心启动两个不同的服务器或类似的事情。

如果有人以前这样做过，请告诉我。

Answer 1

Webpack 可以配置为与 Grails 很好地配合工作。关键是让 webpack 在应用程序启动时生成其 bundle ，并将 bundle 输出到可以从 GSP 提供服务的目录中。如果您使用 Webpack，您不希望源 JavaScript(即 React/ES6 代码)位于 Assets 管道中，而是希望将这些源文件保留在另一个目录(例如 src/webapp)中，并配置 Webpack 来捆绑这些文件并将结果输出到 Assets 管道(假设您正在使用 AP)。

这是 Webpack 的示例配置:

var path = require('path');

module.exports = {
    entry: {
        index: './src/webapp/index.js'
    },
    output: {
        path: './grails-app/assets/javascripts',
        publicPath: '/assets/',
        filename: 'bundle.js'
    },

最后，要实现集成的 webpack/Grails 启动，您可以使用 Gradle 节点插件，并将 webpack 运行脚本附加到 build.gradle 中的自定义任务中的应用程序启动(这是假设您有一个名为“webpack”的 npm 脚本，定义为运行 webpack)

assetCompile.dependsOn(['npmInstall', 'npm_run_webpack'])

请注意，如果你想在“监视”模式下运行 webpack，你需要在启动 Grails 应用程序的同时单独执行此操作，以便该脚本可以连续运行(实际上 Gradle 中对此有支持)模式插件，但目前已损坏)。

请参阅此链接以获取对此方法的更深入说明以及示例应用程序:http://grailsblog.objectcomputing.com/posts/2016/05/28/using-react-with-grails.html

另请查看 Grails 3 的 React 配置文件:https://github.com/grails-profiles/react

尚未发布，但应该会在未来几天内发布。它使用此处和链接帖子中概述的相同方法。