关于如何为前端应用程序创建 webjar 的分步指南？ [关闭]

Posted 2023-02-27

【中文标题】关于如何为前端应用程序创建 webjar 的分步指南？ [关闭]

【英文标题】：Step by step guide on how to create a webjar for Front-End Application? [closed]

【发布时间】：2017-06-29 03:06:32

【问题描述】：

您好，我一直在寻找有关如何创建现有项目的 webjar 的分步指南。我的前端项目目前正在使用 Angular 2 + webpack，我知道文件需要放在特定目录 META-INF/resources/webjars 中，并且项目中的某处应该有一个启动 Maven pom 文件。问题是我不确定在我的项目中从哪里或如何开始实施它，所以我在这里问是否有人可以帮助我或知道我在哪里可以找到分步指南。

我计划将 webjar 用作另一个使用 Spring Boot 构建的项目的依赖项。任何帮助是极大的赞赏。

【参考方案1】：

WebJars 实际上只是 JS / CSS 库的打包，可以轻松地用作 Java 构建中的依赖项。通过将这些库的内容放在META-INF/resources 中，它们可以在大多数 Java Web 服务器中自动作为静态资源使用。因此，要创建您自己的在META-INF/resources 中具有静态资源的 JAR，您可以随意创建一个 JAR。这通常使用 Maven 或 Gradle 等构建工具来完成。如果您想将该 JAR 发布到任何人都可以作为依赖项使用的地方，那么大多数人使用Maven Central。

【讨论】：

还有几个问题：我一直在使用this 来了解需求，并且需要了解一些关于pom.xml 的事情。我应该何时何地生成它？ （它可以只是我的角度应用程序根目录中的一个文件吗？）我所要做的就是确保角度应用程序将所有文件编译到META-INF/resources 目录中？

您可以在pom.xml 上找到更多信息：maven.apache.org/guides/mini/… 当您说“角度应用程序编译”时，您使用什么来做到这一点？

好吧，我正在使用带有 angular 的 webpack，所以我的package.json 中有一些脚本："start": "npm run server:dev" -> "server:dev": "webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/"

那么您需要一种方法来从 Java 应用程序而不是 Node 应用程序使用该包？

好吧，我计划将 webjar 上传到工件，这样我就可以从 Java 应用程序中使用它，将其添加为 gradle 依赖项，我目前的问题是我不知道如何生成该 webjar。