淘宝客静态单页_单页应用程序的Spring Boot静态Web资源处理

淘宝客静态单页

诸如gulp和grunt之类的Javascript构建工具确实让我大吃一惊，我看着这些工具的构建脚本之一，发现很难理解它，并且无法想象从头开始编写其中一个构建脚本。 这就是yeoman出现的地方，它是一种非常方便的工具，它可以使用无数种javascript构建工具组合快速地启动一个好的入门项目。

我想探索一种Spring框架推荐的处理静态Web资源的方法，即使用这些功能强大的构建工具来构建静态资产，并在将静态资产构建为可分发状态后使用Spring来提供内容。

我的方法是使用yeoman生成一个入门项目，我选择了gulp-angular作为我的基础，并快速生成了一个完整的项目， 可以在此处找到 。 我能够将该模板扩展为一个相当全面的基于angularjs的单页应用程序，该应用程序委派回基于Spring的REST调用来为UI提供服务。

我遵循的步骤如下，主要是从Brian Clozel创建的出色示例中复制的：

如果您想遵循最终结果，可以在我的github repo中找到结果。

1. 定义两个模块，“客户端”模块保存生成的yeoman模板，“服务器”模块保存Spring Boot应用程序。
2. 破解“客户端”模块，在此特定实例中，我创建了一个基于angularjs的简单应用程序
3. 我使用maven作为Java构建工具，所以我有一个包装maven pom文件，该文件在maven构建周期中触发javascript构建链，然后取出构建的工件并从中创建客户端jar。 静态内容被巧妙地放置在Spring Boot可以到达的位置，在这种情况下，位于classpath：/ static位置。
4. 在“服务器”模块中，将客户端添加为依赖项，并将“服务器”设置为作为完整的spring-boot项目运行
5. 通过执行以下命令从服务器模块中提取项目：

   mvn spring-boot:run

结论

Spring Boot采用了一种极好的方法来为静态Web资源提供资产管道，以不干扰Javascript Universe中功能强大的构建工具，并提供一种干净的方法来处理生成的静态内容。

翻译自: https://www.javacodegeeks.com/2015/08/spring-boot-static-web-resource-handling-for-single-page-applications.html

淘宝客静态单页