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

我试图用SpringBoot来使用Angular2，但我无法将它们放在一起。如何使用SpringBoot和Angular2设置结构？

我首先启动了一个springboot项目，然后试图按照johnpapa的Angular 2 Tour of Heroes来运行并运行npm install。

的结构看起来象下面这样：

我有/app文件夹和.js被编译为resources/static/app/js。

问题：

1）文件夹resources/static/node_modules/有大量的文件。所以当运行时，它变得非常慢，有时甚至不能刷新文件。我相信我不应该把node_modules放在那里，但不知道。

2）npm install把文件放在./node_modules，所以我现在将它们复制到static文件夹中。我应该建立node_modules到static？

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

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

诗：如果有人有兴趣的johnpapa指南：johnpapa's angular2 guide

2016-07-15 Felipe S.

我的理解是全角2应用程序应该在src走/主/资源/静态[或类似]（https：//开头spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot）。你目前的方法是否真的有效？ – ben3000

我这样做，它将工作，如果我将'node_modules'复制到'static'，但'bootRun'变得非常慢，并且不会刷新静态内容，如果它更改。我想避免把整个Angular 2应用程序，所以它不会公布不必要的资源，但也许这就是我应该如你所建议的方式.. –

我对你的问题的回应非常感兴趣，因为我已经标题沿着这条道路，但还没有完全实现它。 – ben3000

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

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

3）static文件夹中删除源。这是一个只对产生包+一些静态PROD文件，如index.html

2016-07-15 06:51:24 luboskrnac

有道理..我会花一些时间学习一些js构建过程..谢谢!! –

只要在这里加入以防止任何人陷入同样的问题..这里有一个很好的链接教这一切！ :) http://blog.scottlogic.com/2015/12/24/creating-an-angular-2-build.html –

-1

我在GitHub上分享了角2 springboot集成项目的意思。你可以在这里查看Angular 2 with spring boot

2017-03-29 14:10:26

欢迎来到SO，你应该真的提供你在答案中提供的任何链接的上下文，这样你的答案可以独立使用，就像链接不存在一样。 – hoss

尝试很酷项目构建Jhipster）

2017-03-29 14:19:49 Maksym

回答