Блог

Я создаю проект angular в визуальном коде и хочу создать файл war, который я могу загрузить в tomcat 9 и развернуть. Пожалуйста, объясните это мне, как будто мне 5 лет.

Спасибо!

Очень хороший вопрос.

шаг 1.

В ./src папке приложения angular создайте папку, WEB-INF затем создайте web.xml файл и добавьте приведенный ниже код. Это помогает избежать проблемы с не найденным ресурсом при перезагрузке размещенного приложения angular. (Это необходимо для сервера Tomcat.)

 <web-app>
    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>
  

шаг 2.

Зарегистрируйте WEB-INF папку в массиве активов angular.json файла. Это помогает нам копировать в папку dist при выполнении сборки angular.

     "assets": [
      ...........,
      ...........,
      "src/WEB-INF"
     ]
  

шаг 3.

Выполните сборку prod, как показано ниже. Он сгенерирует папку dist в корне приложения angular.

 ng build --prod --aot --base-href=/<tomcat-application-server-folder-name>/"
  

шаг 4.

Перейдите по пути dist/<AngularApp> , запустите команду jar cvf <tomcat-application-server-folder-name>.war .

здесь точка (.) очень важна в приведенной выше команде. jar cvf <tomcat-application-server-folder-name>.war .

вот и все.

если вы можете следовать приведенным выше инструкциям, вы можете получить сгенерированный файл war сборки angular в папке dist/<AngularApp> с именем <tomcat-application-server-folder-name>.war