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生成的结构。

感谢任何答案。

- Tomas Marik

---

使用构建工具将ng-cli的输出（即dist文件夹中的内容，而不是src）打包到生成的jar文件的public或static目录中。 - JB Nizet

谢谢，问题已解决！ - Tomas Marik

Answer 1

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

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

2. in the Angular 2 project root directory type:

   ng build
   

---

(! 请注意，此方法仅适用于由Angular CLI工具生成的Angular 2项目，对于非由Angular CLI工具创建的Angular 2项目，请在tsconfig.json文件中编辑outDir )

- Tomas Marik

Answer 2

请查看我基于Spring Boot 2和Angular 6的入门项目这里。

- Milan Hlinák

Answer 3

有一个叫做JHipster的框架，它可以轻松开发、部署基于Spring Boot + Angular的应用程序。请查看他们的示例，这将会非常有帮助。

JHipster支持AngularJS和Angular，因此您可以找到两者的源代码。

链接在这里：https://jhipster.github.io/

- Haifeng Zhang

---

这看起来很不错。谢谢你的提示。 - Milan Hlinák