javascript - 如何使用 SpringBoot 和 Angular2 设置结构?

标签 javascript java angularjs angular spring-boot

我正在尝试将 Angular2 与 Springboot 一起使用,但我无法将它们设置在一起。

我首先启动了一个 springboot 项目,然后尝试按照 johnpapa 的 Angular 2 英雄之旅并运行 npm install

结构如下所示:

Structure

我有 /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

最佳答案

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

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

3) 从 static 文件夹中删除源。那只适用于生成的包 + 一些静态 PROD 文件,如 index.html

关于javascript - 如何使用 SpringBoot 和 Angular2 设置结构?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38386595/

相关文章:

javascript - Socket.io 不断重复连接并忽略其他事件

javascript - Meteor 从助手中返回一个新的 dom 元素

java - "Default FirebaseApp is not initialized"错误发生在模块依赖的静态帮助方法中

java - 巨大的 JTable AbstractTableModel 删除所有行

javascript - 分离或划分值并根据它们制作饼图

javascript - 选择标签 ng-model 返回未定义的值

javascript - jQuery .each() 中的 SetInterval

javascript - 位置 div 取决于距离浏览器边缘(javascript)

java - JPA : Join and group by sum. MySQL查询

javascript - 从侧 View 到选项卡 View 的 ionic /Angular 切换