如何在 STS 中使用 Spring Boot 后端构建 Angular 2 打字稿

Question

我目前正在学习 angular 2 并尝试托管在 springboot java 应用程序中。

我使用 angular cli 创建了一个单独的项目，然后我仅使用 web 创建了 spring starter 项目。

接下来我在 /src/main/resources/static 目录中导入了 angular cli 项目。

当我打开浏览器时，我无法看到基本的 index.html。

然后我把所有导入的文件都去掉了，只导入了目录的内容，也就是把目录下的type脚本文件转译后编译出来的ES5 java脚本，这次成功了。

我的问题是：-

1) 最佳实践是什么，使用 /src/main/statis 下的 GUI 或创建 /src/main/public 或 /src/main/webapp ？

2）spring是否只懂js而不懂ts（java script而不是type script）？

3) 我是否需要一个用于 typescript 的 maven 插件，如果需要，如何告诉 maven 将已编译的 js 与 spring war 捆绑在一起，同时排除其余目录和文件

4) 如何在 maven build 中包含测试单元/e2e

我搜索了 Angular 2 和 spring boot 的分步指南，但找不到。如果有这样的指南，对许多人会有帮助。

非常感谢你们的支持。

Answer 1

1) 最佳实践是什么，使用 /src/main/statis 下的 GUI 或创建 /src/main/public 或 /src/main/webapp ？

由于 typescript 编译为 JavaScript，我强烈建议使用 GULP。我在 src/client 下有我的源文件，我使用 gulp 构建以将文件添加到 src/main/public

我相信 public 或 webapp 都可以，并且没有太大的区别。

2）spring是否只懂js而不懂ts（java script而不是type script）？

较新版本的 STS 支持 typescript，但我更喜欢在查看 typescript 文件时使用 Visual Studio 代码，因为有更好的支持。

3) 我是否需要一个用于 typescript 的 maven 插件，如果需要，如何告诉 maven 将已编译的 js 与 spring war 捆绑在一起，同时排除其余目录和文件

如果你使用 gulp，typescript 会被编译成 js 并添加到 src/main/public 目录，你的 springboot 应用在使用 maven 运行时会在该目录中看到这些文件。

4) 如何在 maven build 中包含测试单元/e2e

我搜索了 Angular 2 和 spring boot 的分步指南，但找不到。如果有这样的指南，对许多人会有帮助。

非常感谢你们的支持。

我建议使用有角种子或启动器，这似乎是我发现的最新的一个： https://github.com/antonybudianto/angular2-starter 这使用 gradle，但是是 spring boot 和 angular 2： https://github.com/borysn/spring-boot-angular2

Answer 2

我在 github 上分享了一个集成 Angular 2 和 spring boot 的项目。只需按照自述文件中的步骤操作或检查提交历史记录。你可以在这里访问Angular 2 with spring boot