从只包含HTML、CSS&JavaScript

Generate .war file from web app containing just HTML, CSS & JavaScript

本文关键字：amp JavaScript CSS 包含 HTML      更新时间：2023-09-26

我正在尝试创建一个将部署在web/应用程序服务器上的war文件。

该应用程序的源文件纯粹是HTML、CSS和JavaScript。对于我们的REST API和我们后端代码的其余部分，有一个单独的war文件。

大多数指南都谈到了使用java进行编译，以及指向WEB-INF文件夹等。

然而，正如我所提到的，在HTML/CSS/JS战争中，我不使用任何Java，也不使用WEB-INF，而且在"Java"战争文件中没有servlet或其他东西。

如何编译或创建这种类型的war文件？

内容如下：

WebContent/HTMLWebContent/CSSWebContent/JS

JS文件夹中包含的所有JavaScript库。

这行得通吗：只需运行：

src.dist="./WebContent"
app.name="example"
app.version=1
work.home="./temp"
jar jarfile="${src.dist}/${app.name}-${app.version}.war"
     basedir="${work.home}"

显然，我会正确设置脚本的其余部分。

这非常简单：

  1. 创建文件夹
  2. 添加src/main/webapp文件夹
  3. 将所有HTML、CSS和JS文件添加到src/main/webapp文件夹
  4. 将一个空的web.xml文件添加到src/main/webapp/WEB-INF目录中
  5. 添加maven pom.xml

  6. 将maven-war插件添加到pom.xml中，配置如下：

    <!--  create the war -->
<plugin>
  <artifactId>maven-war-plugin</artifactId>
  <configuration>
    <webXml>src/main/webapp/WEB-INF/web.xml</webXml>
  </configuration>
</plugin>

  7. 运行mvn clean install！

如果您正在创建一个war文件，那么您将部署在基于Java的web应用程序服务器上，比如Tomcat或Wildfly。

如果您正在使用eclipse，您可以通过New > Dynamic Web Project（可能将其命名为foo-bar）来完成，然后单击next、next和finish。然后打开foo-bar项目，在WebContent下创建css和js文件夹

'WebContent'css
'WebContent'js
'WebContent'index.html
'WebContent'foo-bar.html

您可以right click the foo-bar project > Export > Web WAR file。

当您将它部署在Tomcat上时，您可以测试访问静态内容，如so

http://localhost:8080/foo-bar/css/foo-bar.css
http://localhost:8080/foo-bar/js/foo-bar.js
http://localhost:8080/foo-bar/foo-bar.html

希望这能有所帮助。

相关文章：