从包含HTML,CSS和&amp ;;的Web应用程序生成.war文件。 JavaScript的

时间:2013-11-19 19:38:58

标签: javascript html css war

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

该应用程序的源文件纯粹是HTML,CSS和JavaScript。我们的REST API和其他后端代码都有一个单独的war文件。

大多数指南都谈到使用java编译,并指向WEB-INF文件夹等。

然而,正如我所提到的,在HTML / CSS / JS大战中,我不使用任何Java,不使用WEB-INF,并且没有通常在“Java”中看到的servlet或其他东西“战争档案。

如何编译或创建此类型的war文件?

内容如下:

的WebContent / HTML 的WebContent / CSS 的WebContent / 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}"

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

2 个答案:

答案 0 :(得分:12)

这非常简单:

  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-plugin添加到您的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!

答案 1 :(得分:0)

如果您正在创建war文件,那么您将在基于Java的Web应用程序服务器上进行部署,例如TomcatWildfly

如果你正在使用eclipse,你可以通过New > Dynamic Web Project(可能将其命名为foo-bar),点击下一步,然后点击完成。然后打开那个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上部署它时,您可以测试以访问静态内容,如此

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

希望这有帮助。