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

Question

我正在尝试将Angular2与Springboot一起使用,但我无法将它们组合在一起.

我首先开始了一个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)我的结构看起来很糟糕 ..最好的方法是什么？

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

Ps.:如果有人对johnpapa的指南感兴趣:johnpapa的angular2指南

Answer 1

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

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

3) 从static文件夹中删除源。该文件仅适用于生成的捆绑包+一些静态 PROD 文件，例如index.html