Spring Boot + Angular 2 结构

Question

在我的项目中，我想使用 Spring Boot 和 Angular 2.

1. Spring Boot App的结构是从Spring Initializer完成的。
2. Angular 2 App的结构由Angular CLI工具(ng new myfrontendapp)
完成

在 Angular 1 中，您可以将 index.html 放入 public 文件夹。

在 Angular 2 中，index.html 是在 src 文件夹中生成的，我想保留该结构 。

我的问题是我应该怎么做才能使 Spring Boot 可见 index.html 并保持 生成的 结构 Angular CLI.

感谢您的任何回答。

Answer 1

解决方案是将 Angular 2 项目的构建输出重新定位到 Spring Boot /static 或 /public 文件夹中。

2 个步骤：

1. 在.angular-cli.json文件中设置outDir：

1. 在 Angular 2 项目根目录中输入：

   ng build
   

---

（！请注意，这适用于 Angular CLI 工具中生成的Angular 2 项目，对于不是由Angular CLI 工具创建的Angular 2 项目，outDir在 tsconfig.json 文件中编辑）

Answer 2

有一个名为 JHipster 的框架。很容易开发、部署 Spring Boot + Angular Apps。查看他们的样本，这会有所帮助。 链接在这里：https://jhipster.github.io/

Jhipster 同时支持 AngularJS 和 Angular，因此你可以找到这两个来源

Answer 3

检查我的 Spring Boot 2 和 Angular 6 starter here。