97

我们正在使用 AngularJS 做一个 Web 应用程序，我们喜欢使用 Bower 进行依赖管理和使用 Grunt 来构建、运行测试等的想法。（Yeoman）

服务器是使用 Maven 用 Ja​​va 完成的，所以我们当然想要一个简单的mvn install构建一切（Web 应用程序 + 服务器）

那么你采取了什么方法，为什么？

1）将它们视为两个不同的应用程序，实际上它们是。所以使用不同的构建方法/工具是可以接受的。

2) 忘记 Grunt Bower，使用 Maven 插件来构建、运行测试、管理 Web 应用程序的依赖项。如果是这样，是哪些？

3）使用Maven exec插件调用Grunt构建前端webapp。我认为这更像是一种技巧，而不是一种解决方案。

4) 其他。

更容易与 Jenkins 集成的方法是一个优点。

提前致谢！

4

5 回答 5

73

在使用 Java 工具包中的每个资产管道工具一段时间后，我得出了一些结论：

基于 Java 的工具

那里有一些工具，但最受欢迎的是 JAWR 和 Wro4J。这两者最大的问题是它们大多是基于Rhino的（WRO4J 现在有一些 Node 支持），与基于 Node 的工具相比，Rhino 的速度很慢。您还必须考虑到 JavaScript 工具正在迅速成熟，因此您应该寻找可以快速移动的工具。

  • WRO4J - 支持很棒，Maven 和 Eclipse 集成很棒，插件列表很广泛，而且框架足够灵活，你可以用一些肘部油脂编写一个插件来满足你的任何需要。如果您仅限于基于 Java 的资产管道，那么这肯定是要走的路。Wro4j 的问题在于它相对于基于 Node 的工具来说很慢（即使它启动了 Node 进程）。
    为了给出一些真实世界的数字，编译和连接 25 个包含 LESS、CSS CoffeeScript 和 JavaScript 的资产包在使用 Rhino 时大约需要 35 秒，而在 2013 年具有 16G RAM 的 iMac 上使用 Wro4j 的 Node 支持大约需要 15 秒。在我的 MacBook Air 上使用Grunt +Node 大约需要 2 秒。

  • JAWR - 集成和功能列表非常好，但文档不是很好，编写自己的插件可能有点棘手。当我最初写这篇文章时，JAWR 处于 4 年的中断期，但截至 2014 年 1 月，它现在正处于积极开发中。如果您选择研究 Java 工具，那么这值得研究。

基于节点的工具（与 Ant/Maven 构建集成）

  • Grunt - 很简单，有一个很棒的插件生态系统，社区很大。如果你需要做一些事情，你可以打赌它有一个插件——甚至可能是由 grunt 的创建者编写的。Grunt 的主要批评是它是配置驱动的，这使得设置非常容易，但不是“节点方式”。还值得一提的是，Grunt 任务不容易组合，因此对于复杂的 JavaScript 构建管道，Grunt 可能并不理想。

  • Gulp - Gulp 是 Grunt 的快速增长替代品。默认情况下它是并发的，并使用流来避免临时写入文件系统，这可以大大加快您的构建速度。Gulp 非常惯用并且强调代码 > 配置，虽然这给了你很大的力量，但对于没有 JavaScript 核心能力的团队来说并不理想。

基于 JavaScript 的工具的唯一潜在问题是，您必须在任何需要进行编译的机器上安装Node、npm和grunt-cli / gulp 。如果您无权访问您的 CI 机器或不使用基于工件的部署，这可能很难卖。

将它集成到您​​的 Maven 项目中非常容易，并且您有很多选择。您可以使用 Maven ant-run 插件，您可以运行ant exec 任务并从 Maven 调用它，或者最重要的是您可以使用maven exec 任务。
如果这对任何人有帮助，下面是使用 exec 插件将其集成到 Maven 生命周期中的代码。

    <plugin>
      <groupId>org.codehaus.mojo</groupId>
      <artifactId>exec-maven-plugin</artifactId>
      <version>1.2.1</version>
      <executions>
        <execution>
          <phase>prepare-package</phase>
          <goals>
            <goal>exec</goal>
          </goals>
        </execution>
      </executions>
      <configuration>
        <executable>grunt</executable>
      </configuration>
    </plugin>
于 2013-04-12T06:44:40.463 回答
24

对于仍在寻找有关此主题的更多信息的任何人，Yeoman 的创建者之一有一篇很好的文章（在最初提出这个问题几个月后写），它以更详细的方式扩展了原始答案：

于 2013-08-23T18:11:08.713 回答
13

然后还有前端 maven 插件：https ://stackoverflow.com/a/19600777/320399 它为您下载 Node 和 NPM（本地到您的项目），通过该 NPM 下载 Grunt（由该节点运行）然后运行 Grunt（通过该节点）。它是自引导的，您不需要在机器上安装 Node 来构建项目。只有一个命令；mvn 安装。

于 2013-10-27T21:16:28.357 回答
13

你可能想查看http://jhipster.github.io/：它是一个 Yeoman 生成器，它生成一个应用程序，它让 Maven、Grunt 和 Bower 一起工作。

这有点像您的第三个选项，但一切都是为您配置的，这并不容易。它还为您生成基本的 AngularJS 和 Java REST 服务。

于 2013-12-02T15:43:34.577 回答
4

在花了几个小时解决这个问题后，我可以这样说：

maven 和 grunt 玩的不好，但是可以强制执行。。

这是通过 Maven 构建运行Grunt的插件描述

我希望这有帮助 ：）

于 2013-04-04T07:17:12.373 回答