如何使用SpringBoot和Angular2设置结构？

Question

我试图在Springboot中使用Angular2，但我无法将它们组合在一起。

我首先启动了一个springboot项目，然后尝试通过johnpapa跟随Angular 2 Tour of Heroes并运行npm install。

结构如下所示：

我有/app文件夹，.js已编译为resources/static/app/js。

问题：

1）文件夹resources/static/node_modules/包含大量文件。因此，当运行bootRun时，它变得非常慢，有时甚至无法刷新文件。我相信我不应该把node_modules放在那里，但不确定..

2）npm install将文件放入./node_modules，因此目前我将它们复制到static文件夹。我应该将node_modules构建为static吗？

3）我的结构看起来 hacky ..最好的方法是什么？

如何设置此结构？另外，如果我应该开始使用grunt / gulp或其他工具来让这更容易，请告诉我。

Ps。：如果有人对johnpapa指南感兴趣：johnpapa's angular2 guide

Answer 1

1）从node_modules文件夹中删除static。您的构建过程应捆绑所有必需的模块。 node_modules仅在构建期间使用。

2）不要将node_modules复制到静态文件夹

3）从static文件夹中删除来源。那个仅用于生成的bundle +一些静态PROD文件，如index.html

Answer 2

尝试非常酷的项目构建器 Jhipster;）

Answer 3

我在github上分享了一个将Angular 2与springboot集成的项目。你可以在这里查看Angular 2 with spring boot